{"version":3,"sources":["_enums/PortCallStatus.ts","appSettings.ts","api/SwrFetcher.ts","classes/SofEvent.ts","classes/CargoOperation.ts","classes/CargoPort.ts","classes/Cargo.ts","classes/Voyage.ts","classes/Vessel.ts","classes/PortCall.ts","api/TsApi.ts","api/TsApiMessage.ts","stores/AppStore.ts","globalHooks/useStores.ts","blocks/animatedBars/AnimatedBars.tsx","_enums/TimezoneTypes.ts","contextHooks/ChatContext.tsx","hooks/useRest.ts","contextHooks/AppContext.tsx","blocks/inputs/AppButton.tsx","blocks/inputs/AppDefaultButton.tsx","blocks/inputs/AppPrimaryButton.tsx","blocks/appDialog/AppDialog.tsx","blocks/appMessage/AppMessage.tsx","blocks/devMessage/DevMessage.tsx","_enums/DurationUnitTypes.ts","hooks/useDev.ts","hooks/useOutsideClick.ts","hooks/useDateFunctions.ts","blocks/companySubscription/CompanySubscription.tsx","hooks/useMessages.ts","contextHooks/PortCallContext.tsx","components/loading/LoadingSpinner.tsx","components/circle/Circle.tsx","components/portCall/details/PcPerformance.tsx","hooks/useStringFunctions.ts","api/hooks/useWeatherForecast.ts","blocks/appLink/AppLink.tsx","globalHooks/useUrlParams.ts","hooks/useNavigation.ts","blocks/appPanel/AppPanelNew.tsx","components/portCall/details/PcWeather.tsx","blocks/detail/Detail.tsx","components/portCall/details/PcDetails.tsx","components/progressBar/ProgressBar.tsx","blocks/contentPage/ContentPage.tsx","blocks/contentPage/ContentPageBody.tsx","blocks/contentPage/ContentPageHeaderSearch.tsx","blocks/timeTypePicker/TimeTypePicker.tsx","blocks/contentPage/ContentPageHeader.tsx","blocks/contentPage/ContentPageNavigation.tsx","blocks/contentPage/ContentPageTitle.tsx","_enums/FlowItemType.ts","_enums/SofEventTypes.ts","hooks/useFlowFunctions.ts","_enums/EventTriggerTypes.ts","globalHooks/useEventFunctions.ts","globalHooks/usePortCallFunctions.ts","blocks/card/CardAction.tsx","blocks/card/CardSearch.tsx","blocks/card/Card.tsx","blocks/timeLine/DateMarker.tsx","blocks/timeLine/TimeBar.tsx","blocks/timeLine/TimeLineMarker.tsx","blocks/timeLine/TimeLine.tsx","_enums/CargoOperationTypes.ts","hooks/useCargoFunctions.ts","globalHooks/useArrayFunctions.ts","blocks/dateString/DateString.tsx","components/portCall/events/EventDetailsPanel.tsx","api/hooks/useSofEventVersions.ts","components/portCall/events/Event.tsx","components/portCall/events/CargoOperationEvents.tsx","components/portCall/events/CargoEvents.tsx","hooks/useCargoOperationFunctions.ts","hooks/useGridTable.ts","blocks/appGridTableNew/AppGridTableCellNew.tsx","blocks/appGridTableNew/AppGridTableNew.tsx","blocks/reCharts/ReChartsToolTip.tsx","components/portCall/cargo/modules/PcCargoPanelRate.tsx","components/portCall/cargo/PcCargoPanel.tsx","components/portCall/cargo/PcCargoHeader.tsx","_enums/FlowDurationTypes.ts","api/hooks/useCargoRateSummary.ts","components/portCall/cargo/PcCargos.tsx","components/portCall/events/PcEvents.tsx","components/portCall/PcTimeLine.tsx","blocks/badge/Badge.tsx","_enums/SofStatus.ts","hooks/useSofFunctions.ts","components/portCall/documents/PcDocumentSofVersionsPanel.tsx","hooks/useFileFunctions.ts","components/portCall/documents/PcDocumentMenu.tsx","components/portCall/documents/PcDocuments.tsx","_enums/AppUserTypes.ts","_enums/CompanyRoles.ts","api/hooks/usePortCallSof.ts","api/hooks/usePortCallStatementOfFacts.ts","api/hooks/useAppUsers.ts","blocks/restricted/Restricted.tsx","hooks/useRoles.ts","blocks/openInApMenuItem/OpenInAppMenuItem.tsx","_enums/LogReportType.ts","api/hooks/usePortCallBdns.ts","hooks/useLogReportFunctions.tsx","components/portCall/reports/PcReports.tsx","api/hooks/usePortCallLogReports.ts","components/portCall/DownloadPortCallReport.tsx","components/portCall/PortCallContainer.tsx","api/hooks/usePortCallPerformance.ts","api/hooks/usePort.ts","contextHooks/PortStatsContext.tsx","api/hooks/usePortPerformance.ts","appTableColumnDefinitions/portCalls/portAnchoredColumns.tsx","hooks/useAppTable.ts","blocks/appTable/AppTableCell.tsx","blocks/appTable/AppTableRow.tsx","blocks/appTable/AppTable.tsx","components/charts/BarChart.tsx","components/port/chartsDefinitions/PortChartAnchored.tsx","appTableColumnDefinitions/portCalls/portBerthedColumns.tsx","components/port/chartsDefinitions/PortChartBerthed.tsx","blocks/appPanel/AppPanel.tsx","blocks/datePickerRemove/DatePickerRemove.tsx","api/hooks/useVessels.ts","blocks/inputDescription/inputDescription.tsx","blocks/inputWithDescription/InputWithDescription.tsx","globalHooks/useDivTable.ts","components/port/FilterPanel.tsx","components/charts/LineChart.tsx","components/port/chartsDefinitions/PortChartLoadDisch.tsx","blocks/filter/FilterContainer.tsx","components/port/chartsDefinitions/PortChartStoppage.tsx","components/port/PortContainer.tsx","api/hooks/usePortPerformanceAggregate.ts","contextHooks/CompanyContext.tsx","hooks/useEnumFunctions.ts","components/settings/company/modules/users/Details.tsx","hooks/useMediaQuery.ts","blocks/modifiedString/ModifiedString.tsx","components/settings/company/modules/users/Users.tsx","components/settings/company/modules/info/CompanyInfo.tsx","_enums/ApiKeyTypes.ts","api/hooks/useCompany.ts","components/settings/company/modules/apiKeys/Details.tsx","components/settings/company/modules/apiKeys/ApiKeys.tsx","blocks/onOffSwitch/OnOffSwitch.tsx","_enums/VmsProviders.ts","blocks/cbxAndTxt/CbxAndTxt.tsx","_enums/RestAuthTypes.ts","_enums/VmsSyncEntities.ts","blocks/inputs/AppTextFields.tsx","hooks/useNumberFunctions.ts","components/settings/company/modules/vms/VmsSyncSetting.tsx","blocks/cbxList/CbxList.tsx","api/hooks/useReasonForCalls.ts","components/settings/company/modules/vms/EditVmsSettingPanel.tsx","components/settings/company/modules/vms/CompanyVmsSettings.tsx","components/settings/company/modules/office365/EditOffice365SettingsPanel.tsx","components/settings/company/modules/office365/CompanyOffice365Settings.tsx","_enums/VoyageReportTypes.ts","_enums/VoyageReportCountType.ts","_enums/VoyageReportTotalsType.ts","_enums/VoyageReportConsumptionType.ts","components/settings/company/modules/baseSettings/EditBaseSettings.tsx","components/settings/company/modules/baseSettings/CompanyBaseSettings.tsx","_enums/ComposeEmailAction.ts","_enums/EmailDirection.ts","_enums/EmailStatus.ts","hooks/useEmailFunctions.tsx","blocks/appSearchBox/AppSearchBox.tsx","hooks/useScrollIntoView.ts","components/settings/company/modules/appUsers/AppUserPortPicker.tsx","_enums/PortCallSortType.ts","components/settings/company/modules/appUsers/Details.tsx","components/settings/company/modules/appUsers/AppUsers.tsx","components/settings/company/modules/classificationPartner/ClassificationPartner.tsx","blocks/okCircle/OkCircle.tsx","interfaces/IEmailTemplate.ts","blocks/editor/Editor.tsx","components/settings/company/modules/emailTemplates/EditEmailTemplatePanelKw.tsx","components/settings/company/modules/emailTemplates/EditEmailTemplatePanel.tsx","components/settings/company/modules/emailTemplates/EditSofHtmlPanelKw.tsx","components/settings/company/modules/emailTemplates/EditSofHtmlPanel.tsx","components/settings/company/modules/emailTemplates/EmailTemplatesSettings.tsx","interfaces/IDocumentTemplate.ts","components/settings/company/modules/documentTemplates/EditDocumentTemplate.tsx","_enums/LogReportProperty.ts","components/settings/company/modules/documentTemplates/DocumentTemplates.tsx","api/hooks/useDocumentTemplates.ts","components/settings/company/modules/logReport/EditLogReportSettingsPanel.tsx","components/settings/company/modules/logReport/CompanyLogReportSettings.tsx","api/hooks/useLogReportFields.ts","components/settings/company/CompanySettings.tsx","blocks/currency/Currency.tsx","components/settings/subscription/Plan.tsx","components/settings/subscription/Subscription.tsx","components/settings/system/SystemSettings.tsx","hooks/useSpeechSynthesis.ts","contextHooks/UserSettingsContext.tsx","components/settings/user/modules/speech/UserSpeechSettings.tsx","components/settings/user/modules/dateAndTime/UserDateAndTimeSettings.tsx","components/settings/user/modules/userConsent/UserConsentSettings.tsx","hooks/useScopes.ts","api/hooks/useUserSettingsExtended.ts","components/settings/user/modules/emailSignature/UserEmailSignature.tsx","components/settings/user/modules/emailSettings/UserEmailSettings.tsx","components/settings/user/modules/miscSettings/UserMiscSettings.tsx","components/settings/user/UserSettings.tsx","_enums/SystemRoles.ts","interfaces/demurrage/IDemurrageDuration.ts","api/hooks/useLaytimeDurationTemplates.ts","components/settings/laytime/modules/templates/Details.tsx","components/settings/laytime/modules/templates/DurationTemplates.tsx","components/settings/laytime/modules/misc/MiscLaytimeSettings.tsx","api/hooks/useCompanyLaytimeSettings.ts","components/settings/laytime/LaytimeSettings.tsx","components/settings/webhooks/Webhooks.tsx","components/settings/Settings.tsx","contextHooks/ConsumptionContext.tsx","blocks/reCharts/ReChartsLegend.tsx","api/hooks/useDwhConsumption.ts","api/hooks/useDwhDistance.ts","components/performance/consumption/Modules/ConsumptionAndDistance.tsx","components/performance/consumption/Modules/Filter/ConsumptionFilterVessels.tsx","components/performance/consumption/Modules/Filter/ConsumptionFilterPorts.tsx","components/performance/consumption/Modules/ConsumptionInvalid.tsx","api/hooks/useDwhLegsCountInvalid.ts","api/hooks/useDwhPortCallsCountInvalid.ts","components/performance/consumption/Modules/Filter/ConsumptionFilter.tsx","api/hooks/useDwhLegs.ts","components/performance/consumption/Modules/ConsumptionLegs.tsx","api/hooks/useDwhPortCalls.ts","components/performance/consumption/Modules/ConsumptionPortCalls.tsx","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelTable.tsx","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelHeader.tsx","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelDetails.tsx","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelChart.tsx","api/hooks/useLogReports.ts","components/performance/consumption/Modules/NoonReports.tsx","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelReportsAndConsumptionDetails.tsx","api/hooks/useDwhFuelCorrections.ts","components/performance/consumption/Modules/LegPanel/Modules/ConsumptionLegPanelRoute.tsx","components/performance/consumption/Modules/LegPanel/ConsumptionLegPanel.tsx","api/hooks/useDwhLeg.ts","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelTable.tsx","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelHeader.tsx","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelChart.tsx","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelDetails.tsx","api/hooks/useDwhPortCall.ts","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelRoute.tsx","components/performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelReportsAndConsumptionDetails.tsx","components/performance/consumption/Modules/PortCallPanel/ConsumptionPortCallPanel.tsx","components/performance/consumption/Modules/Kpi/Modules/ConsumptionKpi.tsx","components/performance/consumption/Modules/Kpi/ConsumptionKpis.tsx","components/performance/consumption/Consumption.tsx","components/performance/Performance.tsx","api/hooks/useVoyage.ts","contextHooks/VoyageContext.tsx","api/hooks/useVoyageCargo.ts","api/hooks/useVoyageCargoGroups.ts","blocks/appDropDown/AppDropDown.tsx","components/voyages/edit/cargo/Edit/PanelPorts.tsx","components/voyages/edit/cargo/Views/GroupEdit/EditGroupDialog.tsx","components/voyages/edit/cargo/Edit/CargoGroup.tsx","_enums/FixtureStatus.ts","components/fixtures/modules/deleteDialog/FixtureDeleteDialog.tsx","blocks/dateTimePicker/TimeTextBox.tsx","blocks/dateTimePicker/DateTimePicker.tsx","components/fixtures/modules/editPanel/FixtureEditPanel.tsx","components/voyages/edit/cargo/Edit/Panel.tsx","blocks/dotList/DotListItem.tsx","blocks/dotList/DotList.tsx","components/voyages/edit/cargo/Views/Default/CargoPort.tsx","components/voyages/edit/cargo/Views/Default/Item.tsx","components/voyages/edit/cargo/Views/Default/List.tsx","components/voyages/edit/cargo/Views/GroupEdit/GroupEditView.tsx","components/voyages/edit/cargo/VoyageCargosContainer.tsx","components/voyages/edit/timeline/components/Header.tsx","hooks/useVoyageFunctions.ts","components/voyages/edit/timeline/components/AtSea.tsx","components/voyages/edit/timeline/components/VoyageSummaryPortcall.tsx","components/voyages/edit/timeline/Timeline.tsx","blocks/dateTimePicker/DateTimePickerClean.tsx","components/voyages/edit/copyVoyage/CargoPortPicker.tsx","components/voyages/edit/copyVoyage/RfcPicker.tsx","components/voyages/edit/copyVoyage/CopyVoyagePanel.tsx","components/voyages/edit/Container.tsx","components/voyages/edit/Details.tsx","components/voyages/edit/portCalls/EditPanel.tsx","blocks/appGridTable/AppGridTableCell.tsx","blocks/appGridTable/AppGridTableSummaryCell.tsx","blocks/appGridTable/AppGridTable.tsx","components/voyages/edit/portCalls/List.tsx","api/hooks/useVoyagePortCalls.ts","components/voyages/edit/index.tsx","components/voyages/edit/portCalls/index.tsx","components/voyages/new/Container.tsx","components/voyages/new/index.tsx","components/voyages/FilterPanel.tsx","blocks/originIcon/OriginIcon.tsx","interfaces/ICachedFilter.ts","hooks/useCachedFilters.ts","components/voyages/Voyages.tsx","components/voyages/index.tsx","components/reports/log/Filter.tsx","blocks/portColumn/PortColumn.tsx","components/reports/log/LogReports.tsx","components/map/MapOptionsDark.ts","components/map/Map.tsx","hooks/useMapControls.ts","contextHooks/LogReportContext.tsx","components/map/MapVesselMarker.tsx","components/reports/log/modules/LogReportMap.tsx","blocks/card/CardValueAndTitle.tsx","components/reports/log/modules/LogReportHeader.tsx","_enums/BeaufortScales.ts","components/reports/log/modules/LogReportDetails.tsx","hooks/useVesselFunctions.ts","components/reports/log/modules/LogReportConsumption.tsx","components/reports/log/modules/LogReportRob.tsx","components/reports/log/modules/LogReportComments.tsx","components/reports/log/modules/LogReportElectricity.tsx","components/reports/log/modules/LogReportTankConsumption.tsx","components/reports/log/modules/LogReportTankRob.tsx","components/reports/log/modules/LogReportOilTankRob.tsx","components/reports/log/LogReport.tsx","api/hooks/useLogReport.ts","components/vessels/FilterPanel.tsx","components/vessels/Vessels.tsx","_enums/FlowStatus.ts","api/hooks/useVessel.ts","contextHooks/VesselContext.tsx","api/hooks/useFlows.ts","components/vessels/edit/modules/VesselDetails.tsx","_enums/EngineTypes.ts","blocks/cbx/Cbx.tsx","_enums/FuelConsumerUnitClass.ts","_enums/FuelType.ts","_enums/FuelClass.ts","components/vessels/edit/modules/VesselEngines.tsx","components/vessels/edit/modules/VesselTanks.tsx","components/vessels/edit/modules/VesselStowages.tsx","components/vessels/edit/modules/VesselCranes.tsx","components/vessels/edit/modules/VesselFuelTypes.tsx","_enums/CoordinateType.ts","api/hooks/useFuel.ts","components/vessels/edit/modules/VesselSettings.tsx","components/vessels/edit/modules/VesselSeaRouteSettings.tsx","components/vessels/edit/modules/VesselAdminSettings.tsx","components/vessels/edit/modules/VesselFuelEuSettings.tsx","components/vessels/edit/modules/VesselHaglandSettings.tsx","components/vessels/edit/modules/VesselOilTanks.tsx","components/vessels/edit/Vessel.tsx","_enums/CargoDirections.ts","contextHooks/FlowContext.tsx","components/flows/flow/modules/AdditionalData/AdditionalData.tsx","components/flows/flow/modules/Outcomes/Outcomes.tsx","components/flows/flow/modules/ClearConditions/ClearConditions.tsx","_enums/FlowActivityEventIncludeType.ts","components/flows/flow/modules/ReportDetails/EventReportDetails.tsx","_enums/FlowActivityEventBaseType.ts","components/flows/flow/modules/Details/DetailsEvent.tsx","api/hooks/useEventTriggers.ts","components/flows/flow/modules/Nodes/NodeConnectors.tsx","components/flows/flow/modules/Nodes/TopNodeConnector.tsx","components/flows/flow/modules/Nodes/EventNode.tsx","components/flows/flow/modules/Controls/Controls.tsx","components/flows/flow/modules/Nodes/ButtonEdge.tsx","_enums/FlowActionTypes.ts","components/flows/flow/modules/Nodes/ActionNode.tsx","components/flows/flow/modules/Details/DetailsAction.tsx","api/hooks/useFlowActions.ts","components/flows/flow/modules/Nodes/ConditionNode.tsx","components/flows/flow/modules/Details/DetailsCondition.tsx","components/flows/flow/modules/Warning/FlowWarning.tsx","components/flows/flow/modules/Layout/Layout.tsx","components/flows/flow/modules/Header/Header.tsx","blocks/cbxAndToggle/CbxAndToggle.tsx","components/flows/flow/modules/FlowDurations/FlowDurations.tsx","components/flows/flow/modules/FlowMarkers/FlowMarkers.tsx","components/flows/flow/modules/Details/DetailsFlow.tsx","components/flows/flow/Flow.tsx","components/flows/flow/NewFlow.tsx","components/flows/FlowList.tsx","components/flows/Flows.tsx","components/fixtures/Filter.tsx","components/fixtures/Fixtures.tsx","hooks/useDemurragePortCall.ts","hooks/useDemurrage.ts","contextHooks/FixtureContext.tsx","blocks/appDialogMini/AppDialogMini.tsx","components/termSets/AddTermSetDialog.tsx","hooks/useTermSetFunctions.ts","components/termSets/TermSets.tsx","api/hooks/useTermSets.ts","contextHooks/TermSetContext.tsx","blocks/appTableSmall/AppTableCellSmall.tsx","blocks/appTableSmall/AppTableRowSmall.tsx","blocks/appTableSmall/AppTableSmall.tsx","blocks/inputs/AppTextFieldMini.tsx","components/termSets/edit/modules/CountFrom.tsx","blocks/appTableSmall/inputs/AppTableDropDown.tsx","components/termSets/edit/modules/Deductions.tsx","components/termSets/edit/modules/Additions.tsx","components/termSets/edit/modules/CountTo.tsx","components/termSets/edit/modules/EarlyLoading.tsx","components/termSets/edit/TermSetEditPanel.tsx","blocks/cardSimple/CardSimple.tsx","components/termSets/TermSet.tsx","api/hooks/useTermSet.ts","api/hooks/useTermSetUsedBy.ts","api/hooks/usePartnerTypes.ts","components/partners/FilterPanel.tsx","components/partners/PartnerEditPanel.tsx","components/partners/Partners.tsx","contextHooks/EmailsContext.tsx","blocks/calloutMenu/CalloutMenu.tsx","blocks/contentPage/modules/ContentPageSubHeaderAction.tsx","blocks/contentPage/modules/ContentPageSubHeader.tsx","_enums/EmailCategory.ts","contextHooks/EmailContext.tsx","blocks/emails/compose/modules/EmailRecipients/EmailRecipientsInput.tsx","blocks/emails/compose/modules/EmailRecipients/EmailRecipients.tsx","blocks/emails/compose/modules/FromEmailAccount/FromEmailAccount.tsx","blocks/emails/compose/modules/Attachments/EmailAttachments.tsx","blocks/emails/compose/modules/AttachmentsPicker/AttachmentsPicker.tsx","api/hooks/useFixtureByNumber.ts","api/hooks/useRecentFiles.ts","api/hooks/useDocumentFolder.ts","blocks/emails/compose/modules/EmailSubject/EmailSubject.tsx","blocks/emails/compose/modules/EmailBody/EmailBody.tsx","blocks/emails/compose/ComposeEmail.tsx","blocks/emails/email/modules/EmailAttachment.tsx","blocks/emails/email/modules/EmailAttachments.tsx","blocks/emails/email/modules/EmailBody.tsx","api/hooks/useEmail.ts","blocks/emails/email/modules/EmailScheduleSend.tsx","blocks/emails/email/modules/EmailHeader.tsx","blocks/emails/email/modules/EmailTagger.tsx","api/hooks/useEmailFixtures.ts","blocks/emails/email/Email.tsx","blocks/emails/EmailsListItem.tsx","blocks/emails/EmailsList.tsx","blocks/emails/Emails.tsx","hooks/useSettings.ts","components/correspondence/Correnspondence.tsx","globalHooks/useFixtureFunctions.tsx","components/fixtures/modules/fixtureDocs/FixtureDocsFileMenu.tsx","components/fixtures/modules/fixtureDocs/FixtureDocsFile.tsx","components/fixtures/modules/fixtureDocs/FixtureDocsFilePicker.tsx","components/fixtures/modules/fixtureDocs/FixtureDocsFolder.tsx","components/fixtures/modules/fixtureDocs/FixtureDocsPath.tsx","components/fixtures/modules/fixtureDocs/FixtureDocs.tsx","api/hooks/useFixtureFolder.ts","components/fixtures/modules/fixtureEmails/FixtureEmails.tsx","hooks/useCreateDemurrage.ts","components/fixtures/modules/demurrage/portCalls/events/CountFromToDragDrop/DemDragDropBox.tsx","components/fixtures/modules/demurrage/portCalls/events/CountFromToDragDrop/CountFromTo.tsx","components/fixtures/modules/demurrage/portCalls/modules/DemCountFromToDropDown.tsx","components/fixtures/modules/demurrage/portCalls/modules/DemTimeInPort.tsx","blocks/allowedLaytime/AllowedLaytimePortPicker.tsx","blocks/allowedLaytime/AllowedLaytime.tsx","components/fixtures/modules/demurrage/DemurragePortCallPanel.tsx","contextHooks/GridNavigationTableContext.tsx","blocks/gridNavigationTable/GridNavigationTable.tsx","hooks/useKeyboardFunctions.ts","blocks/gridNavigationTable/cells/GridNavigationTableTxt.tsx","blocks/gridNavigationTable/cells/GridNavigationTableDate.tsx","blocks/gridNavigationTable/cells/GridNavigationTableIcon.tsx","components/fixtures/modules/demurrage/portCalls/DemurrageEventComment.tsx","components/fixtures/modules/demurrage/portCalls/events/DemurrageEvents.tsx","blocks/gridNavigationTable/cells/GridNavigationTableEmpty.tsx","blocks/gridNavigationTable/cells/GridNavigationTableDropDown.tsx","components/fixtures/modules/demurrage/portCalls/modules/DemDurations.tsx","components/fixtures/modules/demurrage/portCalls/DemurragePortCall.tsx","components/fixtures/modules/demurrage/portCalls/DemurragePortCalls.tsx","components/fixtures/modules/demurrage/DemurrageSummary.tsx","components/fixtures/modules/demurrage/DemurrageCargo.tsx","components/fixtures/modules/demurrage/Demurrage.tsx","components/fixtures/modules/demurrage/DemurrageDeleteDialog/DemurrageDeleteDialog.tsx","components/fixtures/modules/demurrage/DemurrageEditPanelTermSet.tsx","components/fixtures/modules/demurrage/DemurrageEditPanel.tsx","components/fixtures/modules/demurrage/DemurrageVersionsPanel.tsx","api/hooks/useDemurrages.ts","components/fixtures/modules/header/Detail.tsx","components/fixtures/modules/header/FixtureHeader.tsx","components/fixtures/modules/fixture/FixtureCreateCalculationDialog.tsx","components/fixtures/modules/fixture/Fixture.tsx","components/fixtures/FixtureContainer.tsx","api/hooks/useFixture.ts","api/hooks/useFixtureCargo.ts","api/hooks/useFixtureSof.ts","components/commodities/FilterPanel.tsx","components/commodities/CommoditiesEditPanel.tsx","components/commodities/Commodities.tsx","components/berths/FilterPanel.tsx","components/berths/BerthEditPanel.tsx","components/berths/SuggestedBerths.tsx","components/berths/Berths.tsx","api/hooks/useSuggestedBerths.ts","components/freightTypes/FilterPanel.tsx","components/freightTypes/FreightTypeEditPanel.tsx","components/freightTypes/FreightTypes.tsx","contextHooks/VoyageReportContext.tsx","contextHooks/VoyageSimpleReportContext.tsx","components/voyages/reportSimple/modules/VoyageReportInfo.tsx","blocks/portcallStatusBadge/PortcallStatusBadge.tsx","components/voyages/reportSimple/modules/VoyageReportCargo.tsx","components/voyages/reportSimple/modules/VoyageReportPortCall.tsx","components/voyages/reportSimple/modules/VoyageReportPortCalls.tsx","components/voyages/reportSimple/modules/VoyageReporData.tsx","components/voyages/reportSimple/VoyageReportSimple.tsx","api/hooks/useVoyageReport.ts","api/hooks/useVoyageReportPortCalls.ts","components/map/MapOptionsLightGrayBlue.ts","components/voyages/reportStandard/modules/VoyageReportMap.tsx","components/voyages/reportStandard/modules/VoyageReportDetails.tsx","components/voyages/reportStandard/modules/VoyageReportLegs.tsx","components/voyages/reportStandard/modules/VoyageReportPortCalls.tsx","components/voyages/reportStandard/modules/VoyageReportBunker.tsx","components/voyages/reportStandard/modules/VoyageReportLogReports.tsx","components/voyages/reportStandard/VoyageReportPanel.tsx","components/voyages/reportStandard/modules/VoyageReportCorrections.tsx","components/voyages/reportStandard/VoyageReportStandard.tsx","api/hooks/useVoyageStandardReport.ts","components/voyages/report/VoyageReport.tsx","components/reports/bdn/Filter.tsx","components/reports/bdn/BunkerDeliveryNotes.tsx","hooks/useBdnFuntions.ts","contextHooks/BunkerDeliveryNoteContext.tsx","components/reports/bdn/modules/BdnHeader.tsx","components/reports/bdn/modules/BdnDebunkeringComment.tsx","components/reports/bdn/modules/BdnItems.tsx","components/reports/bdn/modules/BdnComment.tsx","components/reports/bdn/modules/BdnAttachments.tsx","components/reports/bdn/BunkerDeliveryNote.tsx","api/hooks/useBunkerDeliveryNote.ts","components/ports/FilterPanel.tsx","contextHooks/PortContext.tsx","components/ports/modules/Details.tsx","components/ports/modules/PortPartners.tsx","components/ports/modules/PortSettings.tsx","components/ports/PortEditPanel.tsx","api/hooks/usePortSettings.ts","api/hooks/usePortPartners.ts","components/ports/Ports.tsx","components/persons/FilterPanel.tsx","_enums/PersonTypes.ts","components/persons/PersonEditPanel.tsx","components/persons/Persons.tsx","components/trades/FilterPanel.tsx","components/trades/TradesEditPanel.tsx","components/trades/Trades.tsx","components/portCalls/FilterPanel.tsx","components/portCalls/PortCalls.tsx","components/help/HelpDocs/HelpDocs.tsx","api/hooks/useHelpDocuments.ts","components/help/HelpForm/HelpForm.tsx","components/help/Help.tsx","components/admin/AdminCompanies/AdminCompanyEditPanelSubscription.tsx","api/hooks/useCustomerSubscriptions.ts","api/hooks/useSubscriptionPlans.ts","api/hooks/useSubscriptionApiPlans.ts","components/admin/AdminCompanies/AdminCompanyEditPanel.tsx","components/admin/AdminCompanies/AdminCompanies.tsx","api/hooks/admin/useAdminCustomers.ts","components/admin/SystemMessageEditPanel.tsx","components/admin/SystemMessages.tsx","components/admin/OvdItems/OvdItems.tsx","components/admin/Admin.tsx","components/measurements/FilterPanel.tsx","components/measurements/MeasurementEditPanel.tsx","components/measurements/Measurements.tsx","components/mrv/Filter.tsx","_enums/OvdSyncStatus.ts","components/mrv/logAbstracts/MrvLogAbstractPanel.tsx","components/mrv/logAbstracts/MrvLogAbstracts.tsx","components/mrv/WarningTables.tsx","components/mrv/MrvMain.tsx","api/hooks/useClassificationPartner.ts","components/mrv/bunkerReports/MrvBunkerReportPanel.tsx","components/mrv/bunkerReports/MrvBunkerReports.tsx","components/mrv/Mrv.tsx","components/chat/ChatSendMessage.tsx","components/chat/ChatMessage.tsx","components/chat/ChatSubscriptionMessages.tsx","components/chat/ChatMessages.tsx","api/hooks/useChatMessages.ts","components/chat/ChatRecipient.tsx","components/chat/ChatRecipients.tsx","components/chat/Chat.tsx","api/hooks/useVesselsLive.ts","contextHooks/LiveContext.tsx","components/LiveNew/VesselImage.tsx","components/LiveNew/LiveTimeLine.tsx","components/LiveNew/NavPremiumModal.tsx","components/LiveNew/NavPremiumBanner.tsx","components/LiveNew/LiveInfoSection.tsx","components/LiveNew/LiveLegCargo.tsx","components/LiveNew/LivePortCallCargo.tsx","api/hooks/usePortCallFlow.ts","api/hooks/usePortCallCargo.ts","components/LiveNew/LiveWarning.tsx","components/LiveNew/SelectedVesselPanel.tsx","components/LiveNew/LiveVesselSidePanel.tsx","components/map/MapLocationMarker.tsx","components/map/MapLogReportMarker.tsx","components/LiveNew/LiveDescriptionModal.tsx","components/LiveNew/LiveNew.tsx","contextHooks/FuelEuMaritimeContext.tsx","api/hooks/useFuelEu.ts","components/fuelEU/fuelEU/modules/Kpi/modules/FuelEuKpi.tsx","components/fuelEU/fuelEU/modules/Kpi/FuelEuKpis.tsx","components/fuelEU/fuelEU/modules/ConsumptionBreakdown.tsx","components/fuelEU/fuelEU/modules/Vessels.tsx","components/fuelEU/fuelEU/modules/Filter/FuelEUFilterVessels.tsx","components/fuelEU/fuelEU/modules/Filter/FuelEUFilters.tsx","components/fuelEU/fuelEU/FuelEU.tsx","components/fuelEU/FuelEUMaritime.tsx","contextHooks/TankTransferReportContext.tsx","components/reports/tankTransfer/modules/TankTransferHeader.tsx","components/reports/tankTransfer/modules/TankTransferComment.tsx","components/reports/tankTransfer/TankTransfer.tsx","api/hooks/useTankTransfer.ts","components/reports/tankTransfer/Filter.tsx","components/reports/tankTransfer/TankTransfers.tsx","interfaces/ITankState.ts","contextHooks/TankStateContext.tsx","components/metrics/tankStates/Modules/TankStateTable.tsx","api/hooks/useDwhTankStates.ts","components/metrics/tankStates/Modules/Filter/TankStateFilterVessel.tsx","components/metrics/tankStates/Modules/Filter/TankStateFilterPort.tsx","components/metrics/tankStates/Modules/Filter/TankStateFilter.tsx","components/metrics/tankStates/Modules/TankStateGraph.tsx","components/metrics/tankStates/Modules/Details/TankStateDetails.tsx","components/metrics/tankStates/TankStates.tsx","components/metrics/Metrics.tsx","components/mainBody/MainBody.tsx","components/me/MeCallout.tsx","contextHooks/MenuContext.tsx","components/mainMenu/MenuSection/MenuItem.tsx","components/mainMenu/MenuSection/MenuSection.tsx","hooks/useMenu.tsx","components/mainMenu/MenuSearch.tsx","components/mainMenu/Menu.tsx","components/mainMenu/QuickMenuItems.tsx","components/mainMenu/quickMenuItems/QuickMenuChatItem.tsx","api/hooks/useLatestChatMessages.ts","components/mainMenu/QuickMenu.tsx","components/mainMenu/MainMenu.tsx","components/notifications/GlobalNotification.tsx","components/notifications/GlobalNotifications.tsx","api/hooks/useSystemMessages.ts","components/main/Main.tsx","api/hooks/useGlobalSettings.ts","App.tsx","reportWebVitals.ts","api/TsApiOpen.ts","stores/AppStoreOpen.ts","globalHooks/useAppContextOpen.ts","componentsOpen/footer/Footer.tsx","componentsOpen/header/Header.tsx","componentsOpen/tracker/EventContainer.tsx","componentsOpen/tracker/CargoOperationDetails.tsx","componentsOpen/tracker/PortDetails.tsx","componentsOpen/tracker/CargoDetails.tsx","componentsOpen/tracker/Tracker.tsx","componentsOpen/video/Video.tsx","componentsOpen/mainBody/MainBody.tsx","componentsOpen/mainOpen/MainOpen.tsx","components/demo/Demo.tsx","index.tsx"],"names":["PortCallStatus","isDev","window","location","origin","AppSettings","apiUrl","apiScope","appUrl","clientId","notificationUrl","notificationApiUrl","SwrFetcher","url","msal","customerId","method","body","graphScopes","a","acquireTokenSilent","scopes","token","split","undefined","graphToken","fetch","headers","getHeaders","accessToken","JSON","stringify","response","ok","json","errorText","Error","Authorization","Accept","SofEvent","_","id","versionId","eventDate","created","createdFrontend","name","data","remark","flowId","templateId","appUser","makeObservable","this","additionalProps","computed","Object","assign","filter","value","CargoOperation","operationType","events","cranes","storages","workTeam","observable","start","init","co","map","ev","slice","sort","b","aDate","DateTime","fromJSDate","Date","set","second","millisecond","bDate","sorted","sortedEvents","length","CargoPort","portCallId","portObject","quantity","reasonForCall","scheduledArrival","inActive","cp","Cargo","cargoPortId","commodity","freightType","charterer","cargoOperations","cargoPorts","fixture","trackingActive","cargoTracker","group","measurement","allEvents","c","forEach","concat","Voyage","externalId","voyageNumber","reference","vessel","master","trade","portCalls","cargo","end","setPortCalls","setCargo","updatePortCall","portCall","portCallIndex","findIndex","removePortCall","splice","updateCargo","cargoIndex","removeCargo","action","v","p","PortCall","Vessel","companyId","imo","deleted","modified","vesselFuels","engines","fuel","tanks","oilTanks","flow","settings","seaRouteSettings","port","agent","customer","scheduledDeparture","arrived","departed","voyage","reasonForCalls","cargos","status","remainingDuration","totalDuration","scheduledDuration","Finished","Active","now","diff","as","Late","Scheduled","from","valueOf","TsApi","_msal","customerRole","then","params","stringifyBody","completeUrl","getApiToken","_headers","options","Promise","resolve","reject","appVersion","goFetch","us","filename","title","invitationMessage","confirmationMessage","portcallId","qParams","fileType","landscapeOrientation","scaleWidthToOnePage","voyageId","groupId","vesselId","excludedVoyageId","format","useCalculatedRobEnd","portCallIds","cargoPortIds","consumptionGroupIds","usePortTimeZone","fixedTimeZone","args","join","push","reportSettings","useVoyageReference","totalsType","consumptionType","dto","ids","includeInActive","endPoint","s","additionalQueryParams","key","apiKey","vms","user","customerRoles","role","encodeURIComponent","password","trim","html","company","sofEvent","t","f","newVersion","fixtureId","demurrageId","d","download","pageBreakBeforePortCallIds","userTimeZone","siteId","driveId","folderId","libraryName","folderPath","create","getFileHeaders","file","sofId","type","termSet","isNew","partner","task","person","ft","berth","portId","portSettings","portPartners","email","sendOnBehalfOf","category","scope","emailId","attachmentId","accounts","unmapFixtureFromEmail","fileId","ticket","fields","driveItemId","legIds","to","vessels","fromPort","toPort","invalidOnly","toISOString","et","template","fromPortId","toPortId","TsApiMessage","createContext","account","api","apiMessage","me","currentCustomerRole","appMessage","setup","_account","setActiveAccount","getMe","lastCustomerId","localStorage","getItem","find","updateRole","updateSettings","defaultRole","getDefaultRole","_role","setItem","setAppMessage","r","isDefault","useAppContext","app","useContext","AppStore","TimezoneTypes","Container","styled","div","height","barWidth","stale","barColor","altBarColor","Bar","duration","defaultHeight","Text","AnimatedBars","text","initialState","messages","vesselMessages","hasUnreadMessages","Context","reducer","state","sortMessages","_messages","_sorted","reverse","activeVessel","message","_vesselMessages","updatedMessage","sending","error","chat","chatState","ChatContextProvider","children","useMsal","instance","inProgress","useAccount","useReducer","dispatch","useState","setSending","messagesRef","useRef","current","setupConnection","HubConnectionState","Disconnected","console","log","stop","_chat","signalR","withUrl","accessTokenFactory","transport","WebSockets","withAutomaticReconnect","Array","configureLogging","Critical","build","onclose","toString","onreconnecting","onreconnected","startConnection","sendMessage","chatMessage","invoke","useEffect","idToken","Connected","Provider","useChatProvider","setMessages","setVesselMessages","setActiveVessel","addMessage","removeMessage","updateMessage","addVesselMessage","setUnreadStatus","useRest","isForbidden","getError","msg","values","errors","element","autoHideMenu","menuHasFocus","timezoneType","Port","currentCompanyRole","AppContextProvider","setCurrentCompanyRole","useAppProvider","fixedTimezone","setUser","toggleAutoHideMenu","setMenuHasFocus","bgColor","color","AppButton","props","DefaultButton","AppDefaultButton","AppPrimaryButton","disabled","StyledDialog","Dialog","Buttons","AppDialog","open","subText","commit","working","cancel","cancelText","okText","commitDisabled","layerBackground","actions","styles","main","minHeight","hidden","onDismiss","dialogContentProps","showCloseButton","DialogType","normal","modalProps","overlay","root","backgroundColor","dragOptions","moveMenuItemText","closeMenuItemText","menu","ContextualMenu","keepInBounds","className","style","display","alignItems","justifyContent","onClick","icon","isError","Body","Title","IconContainer","hasTitle","hide","bottom","maxHeight","transition","AppMessage","observer","setMessage","clearMessage","timeOut","setTimeout","ttl","clearTimeout","faExclamationCircle","DurationUnitTypes","DevMessage","isLocalhost","indexOf","useOutsideClick","ref","callback","handleClick","e","contains","target","document","addEventListener","removeEventListener","useDateFunctions","toDateString","date","timeZone","short","dateOnly","showSeconds","dateTimeSplit","_date","zone","toFormat","makeDateObject","convertStringToDate","day","month","strings","isNaN","Number","numbers","includes","year","monthIsString","substring","dateFormat","dateString","fromFormat","isValid","toJSDate","convertDurationToMilliseconds","unit","MilliSeconds","Duration","fromObject","milliseconds","Seconds","seconds","Minutes","minutes","Hours","hours","Days","days","getDuration","setSecondsToZero","getDurationString","milliSeconds","fullText","showMinutes","fromMillis","dayTxt","hourTxt","minuteTxt","secondTxt","timeArray","timeString","startsWith","replaceAll","getTimeFromString","hour","minute","isNumerbersOnly","test","isDatesEqual","date1","date2","equals","isBewteenDates","relativeDateString","useRelativeIfLessThan","timezone","d2","minus","toRelative","locale","resolveTimeZone","portTimezone","Fixed","Local","zoneName","toTimeString","InnerContainer","CompanySubscription","history","useNavigate","subscription","setSubscription","header","txt","show","containerRef","checkInterval","checkSubscription","getCustomerSubscription","setInterval","clearInterval","expiresIn","validTo","diffNow","toFixed","href","faUserSlash","PrimaryButton","stopPropagation","useMessages","callBack","callBackAction","m","on","off","forecastOpen","performance","sof","PortCallContextProvider","usePortCallProvider","setPortCall","setPerformance","setFlow","setSof","setForecastOpen","SpinnerComponent","Spinner","LoadingSpinner","hideSpinner","CircleWrap","size","Circle","MaskFull","percent","MaskHalf","Fill","InsideCircle","fontSize","CirclePercent","_percent","Component","PcPerformance","useStringFunctions","toCapitalLetters","toUpperCase","toLowerCase","convertBase64ToArrayBuffer","base64","binaryString","atob","binaryLen","bytes","Uint8Array","i","ascii","charCodeAt","convertStringToNumArray","delimiter","nums","getPropertyNameAsString","obj","Proxy","get","isEmpty","splitBy","regEx","splitCamlCase","separator","replace","str","toCamlCase","removeSpecialCharacters","temp","toLowerWithCapitalLetter","useWeatherForecast","fromString","toUTC","useSWR","dedupingInterval","revalidateOnFocus","revalidateOnReconnect","forecast","isValidating","mutate","AppToLink","Link","AppExternalLink","AppSpanLink","span","useUrlParams","getUrlParam","URLSearchParams","search","useNavigation","getNavigationName","course","fullName","convertDEGToDMSString","lat","deg","absolute","Math","abs","degrees","floor","minutesNotTruncated","direction","titleBgColor","SubHeader","css","SubHeaderAction","FooterAction","Loading","ErrorMessage","WarningMessage","SuccessMessage","AppPanelNew","subTitle","loading","isOpen","panelType","customWidth","footerButtons","footerActions","dismiss","noHeader","errorMessage","warningMessage","successMessage","isLightDismiss","isBlocking","isFooterAtBottom","onRenderNavigation","overlayProps","isDarkThemed","onRenderBody","faTimes","iconProps","iconName","hoverTitle","AppPanelSubHeaderNew","render","ForecastItem","PcWeather","utc","startOf","tz","useLocation","time","src","symbol","airTemperature","fontWeight","PanelType","custom","pathname","faArrowDown","transform","windFromDirection","windSpeed","IconAndText","TextContainer","Detail","desc","PcDetails","setDuration","companyUsesVoyageReference","interval","customerType","faDollyFlatbed","faRoute","faShip","faAnchor","faRunning","faStopwatch","minutesBerthed","minutesTotal","minutesAnchored","ProgressBar","visible","ProgressIndicator","WorkingContainer","Working","Progress","ContentPage","progressbar","Message","ContentPageBody","messageDismissed","setMessageDismissed","borderBottom","cursor","getMessageStyle","faCheck","getMessageIcon","content","dismissable","Border","SearchIcon","Search","HelpBody","ContentPageHeaderSearch","defaultValue","onSearch","additionalInfo","setOpen","useBoolean","helpOpen","toggleHelpOpen","toggle","searchString","setSearchString","inputRef","select","faQuestion","placeholder","onChange","currentTarget","onKeyDown","faSearch","CalloutBody","TimeTypePicker","anchorId","useId","expanded","toggleExpanded","setTzDisplay","tzDisplay","speechEnabled","faClockRotateLeft","Callout","gapSpace","beakCurtain","borderRadius","calloutMain","Utc","showArrow","Beta","Actions","Action","ContentPageHeader","beta","width","NavLink","Divider","ContentPageNavigation","items","FlowItemType","SofEventTypes","ContentPageTitle","EventTriggerTypes","useFlowFunctions","convertFlowActivitiesToDropDownOptions","activities","disabledActivities","types","keys","_type","itemType","SelectableOptionMenuItemType","Header","itemLevel","internalName","getSofEventTemplate","flowDefinition","useEventFunctions","getEvent","flowEventIds","last","fromEvent","_events","sortByDate","getEventTemplate","hasTriggers","triggers","getAdditionalProperty","convertToReadable","additionalProperty","dataType","Boolean","getAllEvents","getContainer","pc","event","container","getEventByTrigger","trigger","first","getEventPeriod","flowDuration","toEvent","description","getTime","active","getReadableEventData","isArray","internalRemark","usePortCallFunctions","tzDateString","getBerthCalls","berthCalls","StartBerth","startEvent","endEvent","EndBerth","berthPropertyValue","berthCall","confirmed","_eventDate","_start","_end","warn","getMarkers","markers","ts","label","yOffset","plus","getScheduledStay","getStatus","getActualStay","useUtc","getRemainingStay","getLate","pulse","SubAction","SubMenuIcon","CardAction","menuOpen","setMenuOpen","containerId","sa","shortTitle","CardSearch","txtRef","toggleOpen","focus","TextField","borderless","autoComplete","componentRef","fieldGroup","field","OuterContainer","hideHeader","darkHeader","ToggleExpand","Card","setExpanded","localMaxHeight","setLocalMaxHeight","showToggle","setShowSetToggle","bodyRef","offsetHeight","scrollHeight","isBodyOverflowing","faChevronUp","faChevronDown","Line","DateAndTime","DateMarker","dateMarker","left","postion","top","BarTitle","AnimationBackground","BarCallout","TimeBar","bar","calloutVisible","toggleCalloutVisible","showTitle","setShowTitle","clientWidth","position","animate","calloutBody","directionalHint","DirectionalHint","bottomCenter","Label","Dot","TimeLineMarker","labelRef","labelWidth","CargoOperationTypes","Headers","TimeBarsContainer","TimeBarGroup","DateMarkers","TimeLine","series","zoom","barHeight","barSpace","barsTopPadding","barsBottomPadding","sidePadding","bottomPadding","headerWidth","defaultBounds","timeBarsContainerRef","timeBarsRef","timeLineDates","setTimeLineDates","setData","getContainerWidth","addBar","bounds","bars","row","barsOnRow","overlapping","dateRange","timeBar","getTotalHeight","numRows","memBounds","useMemo","_min","_max","getBounds","memSeries","timelineSeries","_series","_s","barAdded","createSeries","memMarkers","_markers","createMarkers","steps","step","dateValue","createTimeLineDates","_sidePadding","_bottomPadding","barGroup","paddingLeft","paddingRight","paddingBottom","useCargoFunctions","sortEventsByDate","sumArray","getNextId","list","property","getUniqueDates","dateArray","n","getUniqueNumbers","numberArray","getUniqueStrings","stringArray","reduce","acc","sumQuantity","sum","cargosInGroup","getSumLoad","getSumDischarge","getGroupQuantity","_cargosInGroup","getGroupQuantityProcessed","quantityProcessed","groupCargo","groups","existingGroup","g","startCargoEvent","StartCargo","StartLoadDischarge","EndCargo","EndLoadDischarge","DateString","Version","PropertyDetail","EventDetailsPanel","sofEventId","shouldRetryOnError","versions","useSofEventVersions","hasData","faInfoCircle","toLocaleLowerCase","highlight","Indicator","Arrow","Main","Details","Event","md","setColor","setFocus","detailsOpen","setDetailsOpen","_color","StartPortcall","EndPortcall","IsDelay","getIndicatorColor","Events","CargoOperationEvents","Shore","NoEvents","CargoEvents","coStart","cargoOperation","useCargoOperationFunctions","renderedCos","Icon","cosToRender","remainingCosToRender","useGridTable","resolveData","path","prev","curr","getData","column","AppGridTableCellNew","rowId","cellPadding","noCellBorder","cellStyle","isWarning","padding","noPadding","textAlign","borderRight","getCellStyle","getTitle","table","columns","gridCellWidth","hasRemoveColumn","topBorder","noAlternateRowColor","noHoverColor","rowShadow","bottomBorder","blueHeader","smallHeader","NoData","AppGridTableNew","rowClick","rowRemove","rowError","rowWarning","selectedRow","emptyMessage","numShimmerRows","columnsToRender","exclude","faTrashAlt","cellId","Shimmer","shimmerGradient","backgroundImage","rowData","classNames","getRowClassNames","rStyle","preventDefault","small","ReChartsTooltip","RateHelper","PcCargoPanelRate","rateSummary","chartData","setChartData","rateInfoOpen","toggleRateInfoOpen","calloutButtonId","isLoading","rates","isStart","isEnd","dateAndTime","averageHourlyRate","toLocaleString","maximumFractionDigits","averageHourlyRateExcludingStoppagesAndIdle","ResponsiveContainer","ComposedChart","margin","CartesianGrid","strokeDasharray","XAxis","fontFamily","dataKey","scale","right","tickMargin","YAxis","yAxisId","orientation","Tooltip","payload","fill","animationDuration","barSize","stroke","strokeWidth","CargoGroup","PcCargoPanel","iconOnly","code","faBox","quantityUnit","defaultMeasurement","CargoTrackerLink","CargoTrackerIcon","CargoTracker","expires","faBinoculars","trackingReference","generateStatus","FlowDurationTypes","hasEvents","PcCargoHeader","useParams","errorRetryCount","cargoRateSummary","useCargoRateSummary","mutateRates","panelOpen","setPanelOpen","allCargoEvents","commodityName","chartererName","faUserGroup","faUser","getTracking","faArrowRight","faChartLine","getSubInfo","PcCargos","setSeries","setMarkers","showMarkers","setShowMarkers","setZoom","replaceHeaderValues","newString","getEventPeriods","All","uuidv4","getAllPeriods","FirstToLast","period","getFirstLastPeriod","createBars","durations","periods","marker","memCargo","_processedCargoIds","_cargoToAdd","createData","faBoxes","faSearchPlus","faSearchMinus","newZoom","faRedo","PcEvents","receivedEventId","setReceivedEventId","Id","PcTimeLine","scheduledStay","actualStay","remainingStay","late","actualAndLate","SofStatus","Badge","borderColor","useSofFunctions","statusObject","Signing","SigningRejected","SigningCancelled","SigningTimedOut","Signed","List","PcDocumentSofVersionsPanel","docs","setDocs","fetching","setFetching","getDocs","sofType","getSofVersions","dbId","version","faList","useFileFunctions","getExtension","getFileSize","decimals","k","dm","sizes","parseFloat","pow","getFileSizeInMegaBytes","megaByte","getMimeType","fileExtension","stdMimeValue","mimeValue","mime","lookup","triggerDownload","base64string","mimeType","blob","Blob","link","createElement","URL","createObjectURL","setAttribute","visibility","appendChild","click","removeChild","triggerOpenInTab","fileURL","MenuBody","PcDocumentMenu","toggleMenuOpen","versionPanelOpen","toggleVersionPanelOpen","pcDocAnchorId","downloadDocument","getFileTypeIconProps","extension","imageFileType","downloadSofPdf","downloadStatementOfFactsfPdf","openPdf","catch","err","faDownload","faEye","AppUserTypes","CompanyRoles","Empty","PcDocuments","usePortCallSof","statementOfFacts","usePortCallStatementOfFacts","mutateStatementOfFacts","isValidatingStatementOfFacts","setItems","cargoes","border","faFolderOpen","faSync","useAppUsers","userType","paramsString","appUsers","Restricted","requiredCompanyRoles","requiredSystemRole","hideRestrictedMessage","hasCompanyRole","userRoles","hasSystemRole","_requiredCompanyRoles","faHandPointUp","systemRoles","faHand","LogReportType","Items","OpenInAppMenuItem","appLink","signingIn","setSigningIn","setCalloutVisible","buttonId","redirectToApp","getAppUserToken","refreshToken","CompanyAdmin","LoginAsAppUser","faExternalLinkSquareAlt","beak","userName","usePortCallBdns","bdns","useLogReportFunctions","getTypeIcon","Anchored","Arrival","faLadderWater","Departure","faStop","faPlay","Noon","faSun","Rob","faTint","faFileAlt","FuelInfo","PcReports","includeConsumption","includeRob","logReports","usePortCallLogReports","fetchingLogReports","mutateLogReports","fetchingBdns","mutateBdns","reports","setReports","faDroplet","robs","consumptions","bdnItems","tankRobs","tr","tank","totalRob","tankConsumptions","tc","engine","consumed","bdn","item","delivered","faBurn","index","faPrescriptionBottle","faOilCan","commenced","faFileInvoice","DownloadPortCallReport","downloadingReport","setDownloadingReport","downloadReport","faFilePdf","faFileExcel","downloadPortCallReport","tResult","startDownload","faFileContract","Columns","Left","Right","PortCallContainer","errorRetryInterval","portCallPerformance","fetchingPortCallPerformance","usePortCallPerformance","mutatePerformance","setError","getPortcall","getPortCall","getCargo","getPortCallCargo","getFlow","faCloudSun","faExternalLinkSquare","faChartColumn","marginTop","countryCode","svg","faBan","usePort","filters","PortStatsContextProvider","usePortStatsProvider","setPort","setFilters","usePortPerformance","sortBy","ascending","queryStrings","toISODate","portAnchoredColumns","capitalLetters","fact","useAppTable","createGridTemplate","gridTemplates","minWidth","maxWidth","getColumnWidth","columnsWithWidth","columnsWithOutWidth","td","hideBelowWidth","AppTableCell","noSideBorder","clickable","AppTableRow","nextDataRow","rowTitle","rowStyle","HeaderColumn","th","Magnifier","AppTable","BarChart","categories","minYValue","maxYValue","tickAmount","amountText","annotations","chart","enabled","toolbar","plotOptions","horizontal","columnWidth","dataLabels","legend","colors","xaxis","yaxis","max","min","labels","formatter","val","opts","opacity","grid","tooltip","y","TableHeader","TableContainer","PortChartAnchored","aggregates","fetchingList","lastSeenYear","_categories","data1","percentAnchored","generateSeries","months","averageBerthed","numPortCalls","sumBerthed","percentBerthed","percentStoppage","avgLoadPrHour","avgDischargePrHour","mockData","portBerthedColumns","PortChartBerthed","hasSubTitle","Footer","AppPanel","footer","onRenderFooter","AppPanelFooter","buttons","Clear","DatePickerRemove","onClear","DatePicker","useVessels","chatEnabledOnly","includeTanks","paramString","defaultDescription","InputDescription","InputWithDescription","useDivTable","getFilter","prop","getFilterDate","getFilterValue","getFilterString","updateFilter","_filters","sortOrder","Filter","faFilter","Dropdown","multiSelect","selectedKeys","selected","displayName","displayValue","onSelectDate","LineChart","yAxisDecimals","dataSeries","setDataSeries","PortChartLoadDisch","data2","FilterIcon","ClearAll","FilterContainer","disableClear","onFilterIconClicked","PortChartStoppage","minutesStoppageDuration","PortContainer","DoubleRow","FullRow","filterOpen","setFilterOpen","usePortPerformanceAggregate","users","externalUsers","CompanyContextProvider","useCompanyProvider","setCompany","setUsers","setAppUsers","useEnumFunctions","convertToKeyValuePair","_enum","excludedIds","disabledIds","sortById","Warning","Info","u","saving","setSaving","isExternal","belongsToId","save","updateUser","updated","faSave","faUserCog","marginBottom","Toggle","checked","offText","onText","readOnly","phone","roles","lastLogin","useMediaQuery","query","mediaMatch","matchMedia","matches","setMatches","handler","ModifiedString","External","Users","visibleUsers","setVisibleUsers","useSearchParams","urlUserId","textDecoration","cr","getUsers","_users","ApiKeyTypes","Logo","useCompany","updateCompanyDetails","faExclamation","address","zip","city","country","operationsEmail","demurrageEmail","htmlFor","faEdit","logo","faImage","accept","files","reader","FileReader","readAsDataURL","onload","result","updateLogo","ClientInfo","setApiKey","deleting","setDeleting","deleteDialogOpen","setDeleteDialogOpen","createApiKey","updateApiKey","deleteApiKey","Key","faKey","selectedKey","minDate","maxDate","years","firstDayOfWeek","DayOfWeek","Monday","formatDate","navigator","clipboard","writeText","apiKeyPreview","padEnd","clientSecretPreview","ApiKeys","apiKeys","setApiKeys","faUserShield","IdAndSecret","typeTitle","getApiKeys","faPlus","clientSecret","_apiKey","remove","tempKeys","VmsProviders","On","Off","OnOffSwitch","onTxt","offTxt","RestAuthTypes","VmsSyncEntities","CbxContainer","Cbx","Checkbox","Txt","CbxAndTxt","txtProps","setValue","newValue","hasDescription","AppTextField","locked","faLock","AppNumericTextField","handleWholeNumberInput","localValue","setLocalValue","inputMode","onKeyPress","wholeNumbersOnly","VmsSyncSetting","setting","setMinutes","intervalInMinutes","lastError","lastSync","lastErrorMessage","CbxList","useReasonForCalls","rfcs","Section","EditVmsSettingsPanel","_vms","setWorking","setVms","required","txtType","canRevealPassword","getVmsSyncSetting","syncSettings","syncType","setVmsSyncSetting","_settings","provider","Dataloy","authType","OAuth2","allowWebHooks","saveVms","createVms","faCogs","valid","ApiKey","Basic","Partner","Trade","syncPortCallsWithZeroCargo","rfc","alwaysIncludeReasonForCallIds","pushSettings","arrivedCode","berthed","berthedCode","berthDeparted","berthDepartedCode","departedCode","norTendered","norTenderedCode","CompanyVmsSettings","editOpen","setEditOpen","getVms","apiEndPoint","SecretMessage","EditOffice365SettingsPanel","setSettings","updateCompanyOffice365Settings","office365Settings","VoyageReportTypes","VoyageReportCountType","VoyageReportTotalsType","VoyageReportConsumptionType","CompanyOffice365Settings","hostname","siteCollectionPath","EditBaseSettings","voyageReportSettings","setVoyageReportSettings","promises","updateCompanySettings","updateCompanyVoyageReportSettings","all","esignActive","voyageReportType","Standard","sendFixtureCompleteEmailToDemurrage","enforceReasonForCall","zeroConsumptionDwhPortcallIsError","BallastPortDeparture","LastPortDeparture","ArrivalFirstBerthAndDepartureLastBerth","RemainingOnBoard","maxLength","ComposeEmailAction","EmailDirection","EmailStatus","CompanyBaseSettings","voyageGeneratorPattern","useEmailFunctions","createEmail","sender","sourceEmail","subject","mailSignature","receivedDateTime","sentDateTime","hasAttachments","bodyPreview","webLink","toRecipients","ccRecipients","bccRecipients","replyTo","contentType","emailAddress","Out","Queued","createEmptyEmail","Reply","createReply","ReplayAll","createReplyAll","Forward","createForward","New","getIcon","faReply","faReplyAll","faForward","faEnvelope","getSenders","userEmail","emailAccounts","senders","mapContainersToEmails","emailContainers","emailObject","scheduledSend","sendAsCustomer","serviceBusSequence","attachments","emailAttachmentObject","resolved","Results","itemPadding","AppSearchBox","autoFocus","keyProp","titleProp","customTitle","onSelected","minLengthBeforeSearhing","placeHolder","maxResultsContainerHeight","customResultTitle","customResultDescription","results","setResults","selectedIndex","setSelectedIndex","searchStringChanged","setSearchStringChanged","searching","setSearching","lastValue","setLastValue","noResults","setNoResults","resultsRef","scrollIntoView","child","elementTop","offsetTop","elementBottom","clientHeight","containerTop","scrollTop","selectIndex","next","newIndex","selectedResult","containerHeight","_title","faCheckCircle","onBlur","keyDown","isBeakVisible","bottomLeftEdge","PortCallSortType","AppUserPortPicker","ports","unLoCode","faClose","HeaderInfo","Special","actingAs","setActingAs","isEmailValid","createAppUser","updateAppUser","deleteUser","deleteAppUser","loginAsAppUser","faSignInAlt","appUserType","canEditVoyage","isReadOnly","portCallSortType","portCallDaysAhead","portCallDaysBehind","portCallMaxFetch","forwardSof","AppUsers","visibleAppUsers","setVisibleAppUsers","ArrivedScheduledarrival","ClassificationPartner","classificationPartner","syncActive","EmailTemplateType","OkCircle","Quill","register","ImageCompress","BlotFormatter","Editor","disableImagePicker","theme","modules","blotFormatter","imageCompress","quality","imageType","debug","suppressErrorLogging","insertIntoEditor","li","EditEmailTemplateInfoPanelKw","keyword","isDate","copyToClipboard","faCalendarAlt","BulletPoint","EditEmailTemplatePanel","emailTemplate","templateType","updateTemplate","saveEmailTemplate","ArrivalReport","ticked","stringValue","EditSofHtmlPanelKw","SectionBody","EditSofHtmlPanel","setHtml","htmlWithLogo","setHtmlWithLogo","kw","sofHtmlLayout","updateSofHtml","dangerouslySetInnerHTML","__html","resizable","multiline","DocumentTemplateType","CompanyEmailTemplatesSettings","editHtmlOpen","setEditHtmlOpen","arrivalSelected","setArrivalSelected","arrivalTemplate","setArrivalTemplate","departureTemplate","setDepartureTemplate","isArrival","getEmailAttachmentStatusValue","arrival","getAllEmailTemplates","emailTemplates","DepartureReport","LogReportProperty","EditDocumentTemplate","allTemplates","setFile","documentTemplate","setDocumentTemplate","fileUploadRef","downloadTemplate","downloadDocumentTemplate","faFile","getWarningMessage","faCloudDownload","FormData","append","uploadDocumentTemplate","uploadTemplate","Demurrage","deleteDocumentTemplate","CompanyDocumentTemplates","documentTemplates","useDocumentTemplates","editDocumentTemplate","setEditDocumentTemplate","modifiedBy","refresh","EditLogReportSettingsPanel","_fields","setFields","_f","autoPopulate","saveLogReportFields","marginLeft","CompanyLogReportSettings","logReportFields","useLogReportFields","update","CompanySettings","Currency","currency","amount","currencyString","setCurrencyString","Intl","NumberFormat","getLocales","InnerComponent","Plan","price","includedPortcalls","prAdditionalPortCall","prDemurrageUser","prEsignedDocument","maxDemurragePrYear","apiAccess","Subscription","invoiceSettings","getSubscription","plan","validFrom","SystemSettings","useSpeechSynthesis","voices","setVoices","synth","updateVoices","getVoices","lang","speechSynthesis","onvoiceschanged","getActiveVoice","storageValue","saveVoice","speak","voice","pitch","rate","utterance","SpeechSynthesisUtterance","userSettings","fixtureCompleteEmail","userSettingsExtended","UserSettingsContextProvider","useUserSettingsProvider","setUserSettings","setUserSettingsExtended","setVoice","UserSpeechSettings","faVolumeUp","option","IconButton","UserDateSettings","faClock","UserConsentSettings","getConsentedScopes","removeGuid","splitted","useScopes","consentedScopes","setConsentedScopes","availableScopes","consent","acquireTokenPopup","prompt","getScopes","faHandshake","faRefresh","consented","useUserSettingsExtended","UserEmailSignature","userSettingsExtendedFromApi","faUserEdit","UserEmailSettings","defaultEmailFromAddress","UserMiscSettings","faCheckDouble","SystemRoles","DemurrageDurationType","UserSettings","updateMySettings","updateMySettingsExtended","useLaytimeDurationTemplates","laytimeDurationTemplates","setTemplate","createLaytimeDurationTemplate","updateLaytimeDurationTemplate","deleteTemplate","deleteLaytimeDurationTemplate","faCalculator","Time","suffix","numericValue","DurationTemplates","WithEvents","MiscLaytimeSettings","laytimeSettings","useCompanyLaytimeSettings","updateCompanyLaytimeSettings","hideTimeOnCpDate","hideTimeOnCoaDate","hideTimeOnLayCanDates","setStatusToSentOnMailSent","LaytimeSettings","Webhooks","Settings","GlobalAdmin","checkedLegs","checkedPortCalls","showInvalidOnly","endOf","leg","check","legs","ConsumptionContextProvider","useConsumptionProvider","setFrom","setTo","setFromPort","setToPort","setVessels","toggleShowInvalidOnly","setLeg","checkLeg","checkPortCall","clearChecked","setLegs","ReChartsLegend","useDwhConsumption","listErrors","monthlyConsumptions","useDwhDistance","distanceData","ConsumptionAndDistance","_consumptionData","_distanceData","formattedData","cData","chartEntry","fuelTotals","total","stackId","dData","Distance","totalDistance","createChartData","tickFormatter","Legend","Area","ConsumptionFilterVessels","setSelectedVessels","selectedVessels","updateVessels","add","_selectedVessels","dropdown","_selectedVessel","ConsumptionFilterPorts","ConsumptionInvalid","invalidLegsCount","count","useDwhLegsCountInvalid","invalidPortCallsCount","useDwhPortCallsCountInvalid","getMessage","ConsumptionFilters","datePickerStyle","textField","callout","setPeriod","_from","_to","useDwhLegs","skip","take","inErrorOnly","legsData","LoadMore","ConsumptionLegs","setSkip","activeCallout","setActiveCallout","mediumScreen","smallScreen","durationStartEndMinutes","faArrowRightLong","invalidDistance","distanceStartEnd","minimumFractionDigits","avgSpeedSogStartEnd","invalidConsumption","totalConsumedStartEnd","consumedPrNmStartEnd","co2EquivalentsStartEnd","faFire","faCloud","co2EmissionStartEnd","co2EquivalentsFromMethane","co2EquivalentsFromNox","euaDescription","euaStartEnd","faLeaf","faSliders","useDwhPortCalls","portCallsData","ConsumptionPortCalls","faGlobeEurope","ConsumptionLegPanelTable","ConsumptionLegPanelHeader","onCloseClick","ConsumptionLegPanelDetails","faWater","faTachometerAlt","ConsumptionLegPanelChart","handleBarClick","consumedStartEnd","alert","useLogReports","vesselIds","reportTypes","datesRequired","NoonReports","NoonReport","ctrlKey","hasFuelCorrections","ConsumptionLegPanelReportsAndConsumptionDetails","fuelCorrections","legId","useLegFuelCorrections","departureReport","reportId","weighedAnchorReport","anchoredReport","sospReport","eospReport","arrivalReport","FuelConsumption","colSpan","faWarning","Report","classes","getClassNames","faWrench","ConsumptionLegPanelRoute","navigate","newWindow","fromPortCall","toPortCall","ConsumptionLegPanel","topRef","fromToPortIds","setFromToPortIds","setLegId","useDwhLeg","detailType","detailId","fromId","toId","closePanel","behavior","borderLeft","ConsumptionPortCallPanelTable","ConsumptionPortCallPanelHeader","ConsumptionPortCallPanelChart","ConsumptionPortCallPanelDetails","useDwhPortCall","ConsumptionPortCallPanelTimeline","secondPortCall","ConsumptionPortCallPanelReportsAndConsumptionDetails","usePortCallFuelCorrections","bdnIndex","ConsumptionPortCallPanel","setPortCallId","setPortId","CustomTooltip","ConsumptionKpi","AreaChart","ConsumptionKpis","consumption","setConsumption","distance","setDistance","euas","setEuas","co2","setCo2","_consumption","_distance","_euas","_co2","totalConsumed","totalEua","co2Emission","ExcelIcon","Consumption","downloading","setDownloading","downloadDwhReport","Performance","useVoyage","fetchingVoyage","cargoGroups","timelineOn","VoyageContextProvider","useVoyageProvider","sortedPortcalls","setVoyage","setCargoGroups","setTimelineOn","useVoyageCargo","useVoyageCargoGroups","AppDropDown","caretDownWrapper","dropdownItem","dropdownItemSelected","dropdownItemDisabled","dropdownItemSelectedAndDisabled","Summary","qtyDiff","PortCallDropDownTitle","PortCallDropDownOption","PanelPorts","onRemove","load","discharge","onRenderTitle","_pc","_cp","onRenderOption","laytimeTerm","laytimeAllowedMinutes","faBalanceScaleLeft","faBalanceScaleRight","faBalanceScale","EditGroupDialog","setGroup","formOk","createVoyageCargoGroup","updateVoyageCargoGroup","autoAdjustHeight","FixtureStatus","newDialogOpen","setNewDialogOpen","createdCargoGroup","FixtureDeleteDialog","onClose","deleteFixture","fixtureNumber","faExclamationTriangle","TimeTextBox","hideIcon","errorMsg","setErrorMsg","processTimeString","newDate","blur","match","onFocus","InputContainer","DateTimePicker","localDate","setLocalDate","statusMessage","getFullYear","getMonth","getDate","updateDate","FixtureEditPanel","defaultVessel","defaultVoyage","defaultCharterer","setFixture","deleteOpen","toggleDeleteOpen","saveFixture","_fixture","None","layCanFrom","layCanTo","broker","coaDate","cpDate","demurrageRate","Panel","setErrorMessage","newFixturePanelOpen","setNewFixturePanelOpen","createVoyageCargo","updateVoyageCargo","deleteCargo","deleteVoyageCargo","cpMessage","_cargoPorts","removedCp","updatedCp","Tag","DotListItem","dot","char","DotList","CargoPortContainer","CargoIcon","ContentItem","Ports","Item","hasFixture","DefaultCargoView","CargoTable","GroupEditView","edit","setEdit","deleteing","mutateCargo","mutateCargoGroups","cargoInGroup","setCargoInGroup","updateVoyageCargoGroupCargo","deleteGroup","deleteVoyageCargoGroup","isInGroup","_cargos","ViewsButton","VoyageCargosContainer","editCargo","setEditCargo","apiCargo","apiCargoGroups","mode","setMode","firstScheduledPortcall","lastScheduledPortcall","useVoyageFunctions","Background","BottomShadow","AtSea","MainLine","isLast","StartLine","PortCallBody","isActive","EndDot","VoyageSummaryPortcall","sequence","isFirst","discharging","getStatusColor","cps","BallastPortCall","Timeline","ballastPortCall","DateTimePickerClean","datePickerRef","showDatePickerPopup","CargoPortPicker","selectedCargoPorts","pcA","pcB","updateCargoPort","txtStyles","overflow","RfcPicker","setReasonForCalls","_rfcs","RfcContainer","ReasonForCall","Remove","CopyVoyagePanel","tVoyage","tPortCalls","tCargo","etaFirstPort","setEtaFirstPort","_portCalls","_portCall","_cargo","portCallColumns","_port","_agent","cargoColumns","_commodity","_measurement","_charterer","generateVoyageNumber","copyVoyage","createVoyage","_etaFirstPort","_voyage","updateTimestamps","originalPc","pcDuration","previousPc","previousUpdatedPc","legDuration","faCopy","lastPortCall","SummaryToggle","VoyageTitle","copyPanelOpen","toggleCopyPanelOpen","deleteDisabled","deleteVoyage","faTrash","toggleTimeline","_storageSummaryOn","faArrowLeft","VoyageComponents","Edit","PortCalls","formDirty","setFormDirty","formDisabled","updateVoyage","faStream","Toggles","EditPanel","createVoyagePortCall","updateVoyagePortCall","deletePortCall","deleteVoyagePortCall","hideInApp","rfcOptions","getRfcOptions","_rfc","AppGridTableCell","hoverActive","borders","onRowClick","onMouseEnter","onMouseLeave","AppGridTableSummaryCell","mainBackgroundColor","renderSummary","rows","AppGridTable","noDataMessage","useAlternateRowColor","hideRowDivider","summaryRow","hoverRowId","setHoverRowId","rowI","columnI","borderBottomLeftRadius","borderBottomRightRadius","Sequence","Icons","EditIcon","ItemWithDesc","useVoyagePortCalls","apiPortCalls","editPortCall","setEditPortCall","hover","faEyeSlash","VoyageEdit","CardBody","getBallastPortCall","lastVesselPortCall","vNum","VoyageNew","FilterPanel","CachedFilterType","OriginIcon","useCachedFilters","getCachedFilters","cachedFilter","parse","setCachedFilters","toMillis","auto","ReportLink","Ballast","Voyages","voyages","setVoyages","takeSkip","setTakeSkip","getVoyages","onScroll","allFetched","PortColumn","hideUnLoCode","TypeColumn","LogReports","isLeg","fromVoyage","legFrom","toVoyage","legTo","getLogReports","MapOptionsDark","maxZoom","minZoom","streetViewControl","fullscreenControl","fullscreenControlOptions","zoomControl","cameraControl","Map","centerCoords","defaultZoom","mapStyle","layerControls","vesselPositions","route","aisTrace","shadowTrace","getMapControls","createLink","doc","textTransform","letterSpacing","innerHTML","innerWrapper","createInnerWrapper","setMapTypeId","wrapper","createWrapper","useMapControls","mapRef","mapsRef","isLoaded","setIsLoaded","polyLine","setPolyline","polyLine2","setPolyline2","polyLine3","setPolyline3","lng","coords","renderPolyline","strokeColor","_polyLine","setPath","poly","Polyline","geodesic","strokeOpacity","strokeWeight","setMap","setBounds","LatLngBounds","extend","LatLng","round","smoothPanTo","getCenter","targetCoordinates","setOptions","fitBounds","panTo","hasVesselPositions","hasRoute","hasAis","hasShadowTrace","center","bootstrapURLKeys","yesIWantToUseGoogleMapApiInternals","onGoogleApiLoaded","maps","sidebar","getElementById","theShipLogo","companyLogo","mapdiv","getElementsByClassName","controls","addControls","logReport","LogReportContextProvider","useLogReportProvider","setLogReport","blurBubble","highlighted","large","MapVesselMarker","vesselName","heading","faLocationArrow","rotate","LogReportMap","showBubble","Value","isLink","CardValueAndTitle","BeaufortScales","LogReportHeader","legFromVoyageNumber","legToVoyageNumber","getVoyageString","nextPortCall","etaNextPortCall","LogReportDetails","distanceThroughWater","distanceToGo","speedSog","speedStw","averageSpeed","windDirectionRelative","windDirectionTrue","windForce","waveHeight","waveDirection","speedOfCurrent","directionOfCurrent","cargoOnboard","deadweightCarried","freshWaterRob","draftForward","draftMidShip","draftAft","displacement","useVesselFunctions","createNew","getReportMeasurement","voyageReportTypeCutoffDate","LogReportConsumption","rpm","LogReportRob","qty","LogReportComments","comments","LogReportElectricity","receivedKwh","electricities","LogReportTankConsumption","LogReportTankRob","hasFuelRobs","fuelRobs","fr","rob","sounding","LogReportOilTankRob","oilTankRobs","LogReportContainer","useLogReport","apiLogReport","FlowStatus","Vessels","getVessels","textDecorationColor","useVessel","VesselContextProvider","useVesselProvider","setVessel","_vessel","useFlows","flows","EngineTypes","Content","VesselDetails","onSave","mmsi","opt","FuelConsumerUnitClass","FuelType","FuelClass","VesselEngines","updateValue","propName","fieldStyle","fieldGroupStyle","suffixStyle","_checked","en","VesselTanks","VesselStowages","storage","capacity","VesselCranes","crane","CoordinateType","Name","VesselFuelTypes","fuelTypes","useFuel","engineSpecificFuels","H2","BioH2","eH2","Lng","BioLNG","eLNG","lngOptions","OttoMediumSpeed","OttoSlowSpeed","DieselSlowSpeed","LBSI","h2Options","InternalCombustionEngine","FuelCells","fuelClass","Fossil","Bio","RFNBO","faFlask","some","h2","vf","consumerUnitClass","lineHeight","_vesselFuelTypes","_vesselFuels","defaultKey","VesselSettings","formError","autoFetchGpsInAppReports","allowDeleteCargoOperationWithEvents","chatEnabled","disableIssuesChecking","disableQuantityProcessedWarning","disableArrivalAndDepartureReportWarning","disableConsumptionWarning","useConsumption","useRob","useArrivalEmailReport","useDepartureEmailReport","excludeConsumptionDataFromSof","useOvdSync","fivePercentEuaDiscountDueToIceClass","grossTonnageOver5K","bdnAttachmentRequired","excludeFromVmsSync","coordinateType","VesselSeaRouteSettings","allowIceAreas","avoidHRA","avoidSeca","VesselAdminSettings","useNavPremium","useMmsiForAis","VesselFuelEuSettings","ChoiceGroup","flexContainer","windAssistedPropulsionRewardFactor","VesselHaglandSettings","VesselOilTanks","CargoDirections","NotOnNew","VesselContainer","NewVesselContainer","saveDetails","updateVesselDetails","saveEngines","updateVesselEngines","saveTanks","updateVesselTanks","saveVesselFuelTypes","updateVesselFuelTypes","saveSettings","updateVesselSettings","saveAdminSettings","updateVesselAdminSettings","saveVoyageReportCutoffDateSettings","updateVoyageReportCutoffDateSettings","saveStorages","updateVesselStorages","saveCranes","updateVesselCranes","saveOilTanks","updateVesselOilTanks","saveSeaRouteSettings","updateVesselSeaRouteSettings","isSystemAdmin","createVessel","deleteVessel","Draft","displayType","positions","cargoDirectionView","Load","FlowContextProvider","useFlowProvider","setDisplayType","setPositions","setActivities","setCargoDirectionView","AdditionalData","updateDataField","df","tempData","ActivityOption","Outcomes","o","_outcomes","Both","Berth","Condition","nextIds","_nextIds","FlowActivityEventIncludeType","ClearConditions","_ids","FlowActivityEventBaseType","Center","EventReportDetails","flowEvent","notSortableProp","Consumptions","RemainingOnboard","ShoreSideElectricity","Comments","OilTankRob","logReportProperty","logReportProperties","lp","logReportType","autoCreateLogReport","Triggers","Trigger","DetailsEvent","fe","onDelete","useEventTriggers","setFlowEvent","isStandardEvent","eventBaseType","pcAndBerthTriggers","StartAnchor","EndAnchor","StartDrift","EndDrift","AskForNorTender","ArrivalReportEmail","DepartureReportEmail","ClosePortcall","AlreadyInPort","cargoTriggers","RegisterQty","RegisterShipsFigures","RegisterShipsRequestedQty","RegisterUnits","RegisterAdditionalQtyProcessedInMt","SetNorTendered","EndDelay","AskForStorage","LopWarning","coTriggers","StarCargoOperation","EndCargoOperation","demurrageIdInUse","faCube","additionalData","requiresCargoOperation","suggestOnceOnly","displaySorting","cargoOperationTypes","_types","outcomes","emptyMsg","laytimeIncludeType","includeInLaytime","paddingTop","clearConditions","excludeFromSof","_triggers","tType","Connector","Handle","Position","Top","Bottom","NodeConnectors","leftPercent","bgcolor","TopNodeConnector","isStandard","EventNode","activity","faArrowsUpDown","faArrowUp","onEdit","Controls","onPrettifyClick","onCenterClick","onDragStart","nodeType","sofEventLevel","dataTransfer","effectAllowed","draggable","Discharge","FlowActionTypes","ButtonEdge","sourceX","sourceY","targetX","targetY","sourcePosition","targetPosition","arrowHeadType","markerEndId","bezierPath","getBezierPath","stepPath","getSmoothStepPath","markerEnd","getMarkerEnd","getEdgeCenter","edgeCenterX","edgeCenterY","smoothEdge","x","foreignObjectSize","requiredExtensions","onEdgeClick","sourceId","targetId","ActionNode","Txts","Desc","DetailsAction","fa","useFlowActions","flowAction","setFlowAction","ComboBox","Start","ConditionNode","condition","DetailsCondition","fc","flowCondition","setFlowCondition","FlowWarning","hasStartPortCall","hasEndPortCall","getMessages","CustomMiniMap","MiniMap","Layout","openEvent","setOpenEvent","openAction","setOpenAction","openCondition","setOpenCondition","reactFlowInstance","setReactFlowInstance","reactFlowWrapper","nodeTypes","actionNode","conditionNode","eventNode","edgeTypes","buttonEdge","initialCenter","setInitialCenter","layouting","setLayouting","elements","setElements","nodeWidth","nodeHeight","dagreGraph","dagre","graphlib","Graph","setDefaultEdgeLabel","createActivitiesAndEdges","_elements","nodePosition","nodeClicked","nodeDeleted","createActivities","outcome","nextId","source","sourceHandle","animated","edgeRemoved","createEdges","nodeUpdated","_activities","outcomeId","centerLayout","fitView","toObject","newY","setTransform","onLoad","useCallback","allActivities","conditions","_initialCenter","_positions","isHorizontal","setGraph","rankdir","el","isNode","setNode","setEdge","layout","layoutedElements","nodeWithPosition","node","random","np","getLayoutedElements","selectionKeyCode","KeyCodes","shift","connectionLineType","ConnectionLineType","SmoothStep","snapToGrid","snapGrid","onNodeDragStop","onSelectionDragStop","nodes","onConnect","onDragOver","dropEffect","onDrop","reactFlowBounds","getBoundingClientRect","project","clientX","clientY","newAction","newCondition","newEvent","nodeColor","nodeStrokeWidth","maskColor","Fields","Tabs","Tab","CbxAndToggle","_enabled","FlowDurations","_durations","FlowMarkers","DetailsFlow","setFlowDefinition","cbx","faCog","useStorage","useUnits","useCrane","useWorkTeam","useShipsRequestedQuantity","useShipsFigures","useDraft","useGrade","useAdditionalQuantityProcessedInMt","useCargoOperationType","useEsign","useMultiCargoEventRegistration","askForEospReport","askForSospReport","askForArrivalBerthReport","askForDepartureBerthReport","askForAnchoredReport","askForWeighedAnchorReport","useInlineReports","requireAllFastAtAnchorOrBarge","Flow","copying","setCopying","settingsOpen","setSettingsOpen","setHelpOpen","copyOpen","setCopyOpen","_flow","updateFlow","fEv","updatedClearConditions","cc","copy","prevName","createFlow","newFlow","faEllipsisH","faQuestionCircle","faUndo","NewFlow","FlowList","Flows","Fixtures","fixtures","setFixtures","followUpStatus","Sent","okStatus","Settled","boxShadow","getFixtures","useDemurragePortCall","getTimeUsedInPort","countFrom","countTo","getTotalTimeUsedInPort","timeUsed","durationUnitType","durationsFromTo","durationsWithEvents","fromEventId","toEventId","getTimeAllowedInPort","demurrage","timeAllowedInMinutes","timeAllowedInPercent","timeAllowed","getAllDurations","getOnDemurrageInPort","allowed","useDemurrage","getTimeUsedAllPorts","calculateDemurrage","calculations","pcAllowedTime","portCallsWithSpecifiedLaytime","allowedLaytime","timeUsedInPort","allowedTimeInPort","portCalculation","demurragePortCallId","portName","timeOnDemurrageMs","timeConsumedMs","payable","portCallsWithCommonLaytime","common","getLoadPorts","getDischargePorts","getMeasurement","getTimeOnDemurrageAllPorts","getTimeOnDemurrageSplitPorts","demurrageIsDirty","isDirty","rootFolder","currentFolder","emails","showExcludedEvents","FixtureContextProvider","useFixtureProvider","setCargos","setDemurrage","setIsDirty","_demurrage","totalTimeConsumedMs","totalTimeOnDemurrageMs","setDemurrageIsDirty","setRootFolder","setCurrentFolder","setEmails","setEmail","toggleExcludedEvents","AppDialogMini","AddTermSetDialog","setName","creating","setCreating","layCan","startHour","startMinute","deductions","excludeHolidays","excludeSaturdays","excludeSundays","additions","earlyLoading","portSplitting","saveTermSet","TermSets","useTermSets","newOpen","setNewOpen","dayjs","fromNow","TermSetContextProvider","useTermSetProvider","setTermSet","AppTableCellSmall","AppTableRowSmall","AppTableSmall","headerStyle","AppTextFieldMini","Add","Cbxs","LayCanSpec","CountFrom","cf","after","ActionButton","AppTableDropDownSmall","Deductions","Additions","CountTo","ct","_cf","Spec","EarlyLoading","stopHour","TwoColumns","TermSetEditPanel","updatedTermSet","deleteTermSet","CardSimple","bodyPadding","TermSet","useTermSet","useTermSetUsedBy","editPanelOpen","setEditPanelOpen","countFromToColumns","addDeductColumns","usePartnerTypes","partnerTypes","PartnerEditPanel","setPartner","savePartner","partnerType","trackingEmail","deletePartner","Partners","partners","setPartners","editPartner","setEditPartner","getPartners","_partners","unshift","EmailsContextProvider","useEmailsProvider","CalloutMenu","Chevron","ContentPageSubHeaderAction","SpinnerSize","medium","EmailCategory","Sections","lineColor","SectionTitle","Modules","Module","ContentPageSubHeader","sections","section","EmailContextProvider","useEmailProvider","searchTimeout","EmailRecipientsInput","refSet","onAdd","onRemoveLast","setSearch","searchResults","setSearchResults","hasFocus","toggleHasFocus","inputId","getAccounts","_senders","validateEmails","_search","_valid","trimmed","_serachSplitted","_results","getEmailPeople","getPeople","EmailRecipients","recipients","newRecipients","_recipients","pop","multi","Accounts","FromEmailAccount","calloutOpen","toggleCalloutOpen","calloutAnchor","faCaretUp","faCaretDown","EmailAttachments","referenceAttachments","totalFileSize","AttachmentsPicker","defaultFixtureNumber","setFixtureNumber","docFolderProps","setDocFolderProps","useFixtureByNumber","recentFiles","useRecentFiles","folder","useDocumentFolder","librayName","fixtureFolder","fetchingFixtureFolder","exists","documents","Attachment","webUrl","EmailSubject","onTab","EmailBody","attachmentsPickerOpen","ComposeEmail","ComposePanel","onSent","setAttatchmentsPickerOpen","stopImmediatePropagation","sendEmail","_email","sendEmailDirect","emailContainer","faPaperPlane","totalFileSizeInMb","fromAddress","faPaperclip","collection","EmailAttachment","attachment","downloadAttachment","downloadEmailAttachment","createDownloadLink","isInline","useEmail","setBody","_body","RegExp","contentId","contentBytes","replaceInlineImages","cancelled","EmailScheduleSend","Cancelled","faStopCircle","Subject","Addresses","EmailHeader","Tags","EmailTagger","emailFixtures","useEmailFixtures","mapFixtureToEmail","NotSelected","Email","toggleCancel","DateAndDirection","Direction","FromTo","inbox","isSystem","SystemEmail","EmailsListItem","selectedEmail","xSmall","In","fromTo","getFromTo","faBolt","EmailsList","onScrolledBottom","onRenderCell","isScrolling","Emails","EmailsComponent","cancelOpen","toggleCancelOpen","isOffice365ConnectionOk","searchParams","urlAction","setupOk","composeAction","setComposeAction","newEmailSubject","onRefresh","_emails","_temp","receivedEmail","existingEmailIndex","onComposeDismiss","sentEmail","cancelEmail","cancelledEmailContainer","cancelledEmails","Correspondence","fetchedAll","setFetchedAll","getEmails","deleteEmail","useFixtureFunctions","moduleActive","urlPart","isNumeric","createModules","o365Ok","baseUrl","renderSubHeader","FixtureDocsFileMenu","onDownload","onShare","parentReference","NameAndMenu","Glimmer","DocLink","FixtureDocsFile","onToggleSelect","circle","FixtureDocsFilePicker","onUpload","faFileUpload","multiple","FolderLink","FixtureDocsFolder","onOpen","FileIconType","BackIcon","isRoot","Path","FixtureDocsPath","decodeURI","faFolder","EmptyFolder","DocTable","FixtureDocs","setSelected","fetchData","setFetchData","documentFolder","useFixtureFolder","uploadFiles","uploadPromises","sizeWarning","totalSize","toLarge","filesize","uploadFile","allSettled","rejected","fulfilled","faUpload","deleteFiles","deleteFile","folders","getFolderContent","FileDrop","FixtureEmails","isComposeClaimEmail","setIsComposeClaimEmail","getFixtureEmails","getSubject","updateFixtureStatus","useCreateDemurrage","subtractWeekDay","demPortCall","weekday","subtractions","startDate","stopDate","currentDate","nextDate","subtraction","durationType","comment","subtractWeekDays","getEventsWithTemplates","eventsWithTemplate","allSofEvents","cargoEvents","eventWithTemplate","includeType","First","sameEvents","getEventsWithSameTemplateId","innerEv","Last","bc","bcEventsWithTemplate","bcEvent","sameEventForBc","sameEventsForBc","getEventsWithSameDemurrageId","calculateCountFrom","countFromEvents","countFromEvent","laytimeCommencedEvent","generatedByCalculation","laytimeCommend","startLayCan","calculateCountTo","countToEvents","countToEvent","addDeductions","deductionEvent","stopEvent","addEarlyLoading","layCanStart","setZone","addAdditions","additionEvent","startWithAfter","createDemurragePortCall","createDemurrage","templateDemurrage","terms","cargoId","flatMap","processDemurragePortCalls","demurragePortCalls","demurragePc","demPcEvent","getTermFromFirstCargoPort","summarizeLaytimeFromCargoPorts","laytimeAllowed","Counting","DemDragDropBox","isFrom","isTo","isCounting","showLine","isDragging","setIsDragging","isOver","setIsOver","handleDrop","handleDragStart","handleDragEnd","handleDragEnter","handleDragLeave","handleDragOver","faGripVertical","CountFromToDragDrop","countingStarted","countingEnded","demEvent","dragged","Pickers","Total","DemCountFromToDropDown","btnStyle","rootHovered","rootExpanded","getItems","itemProps","menuProps","Consumed","DemTimeConsumedInPort","hasValue","AllowedLaytimePortPicker","onCommit","summarizeAllowedLaytime","setSummarizeAllowedLaytime","selectedCpIds","setSelctedCpIds","activeCargoPorts","toggleSelected","totalAllowedLaytime","sub","included","durationStringShort","durationStringLong","AllowedLaytime","defaultInputType","laytimePickerOpen","setlayTimePickerOpen","inputType","setInputType","inputTypes","TxtStyles","getDescription","setDurationFromTotalMinutes","_days","_hours","_minutes","setDisplayValue","totalMinutes","faRandom","_value","DemurragePortCallPanel","demurragePortCall","setDemurragePortCall","laytimeType","setLaytimeType","rateAndAllowedLaytimeIsValid","pattern","internalComments","selectedCell","GridNavigationTableContextProvider","useGridNavigationTableProvider","setSelectedCell","Row","GridNavigationTable","GridNavigationTableInner","sortable","onSortEnd","onNavigateUpFromFirstRow","onNavigateDownFromLastRow","isArrowKey","localData","setLocalData","renderItem","colDef","columnIndex","rowKey","dataObject","keyProperty","onCellFocus","currentRowIndex","previous","previousColDef","columnDefinitionKey","nextColDef","renderItems","rowIndex","sortedData","dataCollection","columDefinitionKey","tabIndex","oldIndex","draggedItemClassName","GridNavigationTableTxt","setActive","setSelectionRange","setSelectionEnd","outline","alignInput","excluded","background","onValueChanged","numeric","onDoubleClick","GridNavigationTableDate","onDateChanged","localStringValue","setLocalStringValue","GridNavigationTableIcon","onTrigger","DemurrageEventComment","calloutComment","setCalloutComment","setCalloutOpen","faComment","resize","DemurrageEvents","updateEvent","eventColumns","_event","dateInTimeZone","GridNavigationTableEmpty","GridNavigationTableDropDown","Knob","DurationString","DemDurations","excludeColumn","getEventOptions","updateDuration","_index","deleteDuration","durationTimeColumns","ms","durationFromToColumns","durationWithEvents","_durationMoved","Warnings","Menu","DemurragePortCall","stringIsEmpty","warnings","setWarnings","menuButtonId","_currentIndex","_swapWith","addEvent","addDurationTime","addDurationFromTo","addDurationFromToEvent","_warnings","getWarnings","faCommentSlash","faEllipsis","faHistory","tIndex","addDurationFromTemplate","faStar","borderTop","faExternalLink","w","NoPortCalls","DemurragePortCalls","updatedPc","ActiveStatus","Payable","NoDemurrage","DemurrageSummary","CargoPorts","DemurrageCargo","downloadSof","revokeObjectURL","DemurrageDeleteDialog","deleteDemurrage","getDemurrage","DemurrageEditPanelTermSet","DemurrageEditPanel","DemurrageVersionsPanel","demurrages","useDemurrages","overridden","FixtureHeader","getStatusCss","faArrowUpWideShort","FixtureCreateCalculationDialog","creatingFile","setCreatingFile","setPortCallIds","docCenterOk","downloadFile","generateDemurrageFile","faArrowCircleDown","Fixture","createDemurrageDraft","togglePanelOpen","deleteDemurrageOpen","toggleDeleteDemurrageOpen","newVersionOpen","toggleNewVersionOpen","toggleCopyOpen","versionsOpen","toggleVersionsOpen","editDemurrage","setEditDemurrage","editDemurragePortCall","setEditDemurragePortCall","savingDemurrage","setSavingDemurrage","createCalculationOpen","setCreateCalculationOpen","saveError","setSaveError","saveDemurrage","createNewVersion","_updatedDemurrage","_applyTerms","_oldPortCalls","_updatedPortCalls","updatedPortCalls","manuallyAddedPortCalls","allPortCalls","oldPortCall","createDraft","FixtureContainer","useFixture","apiFixture","fetchingFixture","errorFixture","useFixtureCargo","apiFixtureCargo","fetchingCargo","useFixtureSof","apiPortCallsAndSofs","fetchingPortCalls","searchForTermSet","termSetName","termSets","term","faMagicWandSparkles","getDocSettings","driveTitle","getFixtureDocsRootFolder","rf","getSubNavigation","CommoditiesEditPanel","setCommodity","saveCommodity","deleteCommodity","Commodities","commodities","setCommodities","editCommodity","setEditCommodity","getCommodities","_commodities","getSelectedPort","MapLink","BerthEditPanel","setBerth","saveBerth","latitude","longitude","faMapMarkerAlt","deleteBerth","ReviewBody","SuggestedBerths","berths","berthClicked","info","toggleInfo","faLightbulb","Berths","suggestedBerths","useSuggestedBerths","setBerths","editBerth","setEditBerth","getBerths","_berths","FreightTypeEditPanel","setFreightType","saveFreightType","deleteFreightType","FreightTypes","freightTypes","setFreightTypes","editFreightType","setEditFreightType","getFreightTypes","_freightTypes","voyageReport","bunkerDeliveryNotes","VoyageReportContextProvider","useVoyageReportProvider","setVoyageReport","setLogReports","setBunkerDeliveryNotes","setReportSettings","selectedReports","selectedConsumptionGroups","selectedPortCalls","summary","tzDisplayType","VoyageSimpleReportContextProvider","useVoyageSimpleReportProvider","setSelectedReports","setSelectedPortCalls","setSelectedCargoPorts","setSelectedConsumptionGroups","setUseCalculatedRobEnd","setTzDisplayType","VoyageReportInfo","departurePortCall","firstPortCall","preDistance","PortcallStatusBadge","InActive","isGreyedOut","VoyageReportCargo","checkbox","commencedLoadDischarge","completedLoadDischarge","stoppages","remarks","isSelected","CbxLabel","VoyageReportPortCall","pcIds","cpIds","pcCpIds","onRenderLabel","VoyageReportPortCalls","GroupTable","DividerRow","SummaryRow","VoyageReportData","getCalculatedRobEnd","totalQtyStart","totalBunkered","totalConsumedPreVoyage","consumptionTotals","calculatedRobEnd","robEndIsDiff","totalQtyEnd","includeInReport","NoReport","VoyageSimpleReport","report","setReport","useVoyageReport","useVoyageReportPortCalls","faFileWord","downloadVoyageReport","arrivedPortCalls","selectPortCalls","MapOptionsLightGrayBlue","Marker","VoyageReportMap","pcs","setPcs","MapMarker","VoyageReportDetails","robStart","setRobStart","robEnd","setRobEnd","voyageStartReport","voyageEndReport","calculateRob","faRuler","faTintSlash","isBallast","DurationItem","Blue","VoyageReportLegs","isNextVoyage","nextVoyage","EospAndSosp","durationAtSea","sumLegs","currentLeg","sumLeg","currentConsumption","isNox","Reports","isExcludedCss","reporIstHighlighted","portCallReport","voyageSequence","firstBerthArrivalReport","lastBerthDepartureReport","includeInVoyageTotals","durationInPort","sumPortCalls","currentPortCall","sumPortCall","distanceInPort","VoyageReportBunker","twoRows","bdnItemColumns","bdnItem","isDebunkering","sumBdns","currentBdn","sumItem","currentBdnItem","VoyageReportLogReports","VoyageReportPanel","VoyageReportCorrection","fuelCorrection","correctionDate","sumCorrections","currentCorrection","WarningMessages","VoyageReportStandard","useVoyageStandardReport","apiVoyageReport","downloadVoyageStandardReport","txts","getReportStatusMessage","VoyageReport","checkForReportType","Simple","reportType","setReportType","getReportType","Rating","BunkerDeliveryNotes","getRatingDescription","faExchange","hasBunkering","hasDebunkering","hasBoth","faLongArrowDown","faArrowCircleUp","rating","isFilled","deliveredReceivedMismatch","getBunkerDeliveryNotes","BdnContextProvider","useBdnProvider","setBdn","BdnHeader","supplier","supplierVessel","BdnDebunkeringComment","debunkeringComment","BdnItems","xSmallScreen","faDropletSlash","completed","bdnNumber","received","density","sulphurContent","tankWasEmptyBeforeBunkering","lcv","ghg","proofOfSustainabilityReference","BdnComment","BdnAttachments","downloadBdnAttachment","fileName","BunkerDeliveryNoteContainer","apiBdn","useBunkerDeliveryNote","getSelectedCountry","PortContextProvider","usePortProvider","setPortSettings","setPortPartners","customerPort","PortPartners","portContacts","setPortContacts","hasEmail","additionalEmails","notes","receiveArrivalReport","receiveDepartureReport","PortSettings","sendReportsToAgentOnPortCall","ps","PortEditPanel","apiPort","fetchingPort","errorGetPort","apiPortSettings","usePortSettings","apiPortPartners","usePortPartners","savePort","savePortPartners","savePortSettings","deletePort","setPorts","getPorts","_ports","PersonTypes","PersonEditPanel","setPerson","savePerson","firstName","lastName","mobile","deletePerson","Persons","persons","setPersons","editPerson","setEditPerson","getPersons","_persons","TradesEditPanel","setTrade","saveTrade","faEarthEurope","deleteTrade","Trades","trades","setTrades","editTrade","setEditTrade","getTrades","_trades","Eta","PortCallStatusColumn","portcalls","setPortcalls","viewType","eta","pcStatus","DateTimeFormat","resolvedOptions","downloadPortCallsReport","cachedFilters","setHours","getPortCalls","DocumentLink","HelpDocs","useHelpDocuments","downloadToClient","downloadHelpDocument","HelpForm","setTicket","sent","setSent","sendTicket","sendSupportTicket","formIsValid","Help","DialogBody","Subscriptions","AdminCompanyEditPanelSubscription","customerSubscriptions","useCustomerSubscriptions","dialogSubscription","setDialogSubscription","NewDialog","plans","useSubscriptionPlans","apiPlans","useSubscriptionApiPlans","setIsNew","saveCustomerSubscription","deleteSubscription","deleteCustomerSubscription","confirm","apiPlan","demurrageActive","AdminCompanyEditPanel","saveCompany","AdminCompanies","useAdminCompanies","companies","editCustomer","setEditCustomer","resolveError","_error","SystemMessageEditPanel","onUpdate","onCreate","systemMessage","setSystemMessage","deleteMessage","deleteAdminSystemMessage","saveAdminSystemMessage","faMessage","endDate","showInRto","showInApp","SystemMessages","editMessage","setEditMessage","weeks","getAdminSystemMessages","msgs","OvdItems","ovdItems","setOvdItems","allTanksRob","isComponent","isBlend","fuelType","mass","hasWarnings","hasErrors","getAdminOvd","Admin","MeasurementEditPanel","setMeasurement","saveMeasurement","deleteMeasurement","Measurements","measurements","setMeasurements","editMeasurement","setEditMeasurement","getMeasurements","_measurements","OvdSyncStatus","isLogAbstract","isLogAbstractView","setIsLogAbstractsView","Other","JsonData","SyncLog","DetailsTable","MrvLogAbstractPanel","la","logAbstract","setLogAbstract","logAbstractDto","setLogAbstractDto","transferring","setTransferring","transferDialogOpen","setTransferDialogOpen","setLog","visibleLogBodies","setVisibleLogBodies","transfer","transferOvdLogAbstract","_la","jsonToText","input","getIconFromSyncStatus","Ok","HasErrors","HasWarnings","SyncNotOk","getOvdLogAbstract","getOvdLogAbstractLog","faClipboard","synced","validationErrors","syncStatus","getSuccessMessage","getErrorMessage","fromReportDateAndTime","toReportDateAndTime","fromReportId","fromReportType","toReportId","toReportType","originPortCallId","originPortName","destinationPortCallId","destinationPortName","vlb","bodies","toggleLogItemBody","whiteSpace","postJson","responseJson","Synced","NotSynced","MrvLogAbstracts","logAbstracts","setLogAbstracts","openLogAbstract","setOpenLogAbstract","SetWarningTitle","originVoyageNumber","destinationVoyageNumber","float","cargoMt","faHourglass2","OvdLogAbstracts","getOvdLogAbstracts","_laIndex","_las","WarningTables","bunkerReports","setBunkerReports","fetchingLogAbstracts","setFetchingLogAbstracts","fetchingBunkerReports","setFetchingBunkerReports","getOvdBunkerReports","logAbstractColumns","bunkerReportcolumns","PartnerLogo","MrvMain","useClassificationPartner","MrvBunkerReportPanel","br","bunkerReport","setBunkerReport","bunkerReportDto","setBunkerReportDto","logBodyOpen","setLogBodyOpen","transferOvdBunkerReport","_br","getOvdBunkerReport","MrvBunkerReports","openBunkerReport","setOpenBunkerReport","bunkerDeliveryNote","OvdBunkerReports","_brIndex","_brs","Mrv","ChatSendMessages","getPlaceholder","shiftKey","sentFromApp","userSenderId","userSender","isMe","ChatMessage","messageContainerId","isString","String","hideMenuTimeout","appSender","initials","getUserInitials","topRightEdge","faHourglass","WelcomeMessage","ChatSubscriptionMessages","Messages","ChatMessages","chatMessages","useChatMessages","chatMessageContainerId","scrollBy","isOverflowing","ChatRecipient","faCommentDots","NoVessels","ChatRecipients","setFilter","scroll","recipientContainer","Chat","storageKey","_vesselId","useLatestAis","refreshInterval","latestAis","selectedVessel","ais","LiveContextProvider","useLiveProvider","setSelectedVessel","setLatestAis","bgImage","VesselImage","vesselImage","useVesselImage","uploading","setUploading","base64Image","setBase64Image","deleteImage","deleteVesselImage","uploadVesselImage","image","Timestamp","gray","LiveTimeLine","useNextPortCall","firstPortcall","setFirstPortcall","secondPortcall","setSecondPortcall","setArrival","departure","setDeparture","hasArrived","hasDeparted","getTimes","_arrival","_departure","_pcDuration","currentPcTimes","previousPcTimes","setTimes","NavPremiumModal","done","setDone","upgrade","startESign","Modal","onDismissed","ContainerSmall","NavPremiumBanner","isModalOpen","showModal","setTrue","hideModal","setFalse","InfoPartContainer","LiveInfoSection","moreOpen","toggleMoreOpen","lastPositionUtc","currentDraft","speed","departurePort","atdUtc","departurePortUnloCode","destinationPort","etaUtc","destinationPortUnloCode","navigationalStatus","InfoPart","LiveLegCargo","cargOnBoard","useCargoOnBoard","faCubes","CargOnBoardItem","isCalloutVisible","toggleIsCalloutVisible","dischargePorts","leftCenter","loadPorts","cargoEnd","marginRight","qtyOnBoard","LivePortCallCargo","usePortCallFlow","usePortCallCargo","grouped","setGrouped","_allEvents","_lastEvent","LiveWarning","showWarning","setShowWarning","SelectedVesselPanel","inPort","atSea","VesselSidePanel","LiveVesselSidePanel","vesselLiveModels","Image","hasNavPremium","faSatelliteDish","MapLocationMarker","MapLogReportMarker","LiveDescriptionModal","FullScreenPanel","TheShipLogo","AutoPlay","Description","LiveNew","useVesselsLive","loadingVessels","errorLoadingVessels","mutateVessels","useAis","getEarlistAisFrom","seaRoute","useSeaRoutes","descriptionOpen","toggleDescriptionOpen","logReportTrace","setLogReportTrace","logReportsLive","setLogReportsLive","autoplayActive","setAutoplayActive","setVesselPositions","selectedVesselPosition","setSelectedVesselPosition","intervalRef","timeoutRef","vesselAisPositions","latestPosition","vesselPortCallPositions","_sv","vesselIndex","timeout","coordinates","usePooling","fuelEuVessels","FuelEUContextProvider","useFuelEUProvider","setYear","setFuelEuVessels","setUsePooling","useFuelEuVessels","fuelEuFleet","FuelEuKpi","FuelEuKpis","targetGHG","setTargetGHG","actualGHG","setActualGHG","complianceBalance","setComplianceBalance","fuelEUPenalty","setFuelEUPenalty","deficit","setDeficit","availableForBanking","setAvailableForBanking","ghgTarget","fleetTotalAverageGhg","fleetConsumed","fleetComplianceBalance","fleetFuelEuPenaltyAfterPooling","fleetFuelEuPenalty","bankedSurplus","faBullseye","faGaugeSimpleHigh","faGaugeSimpleMed","faBank","faEuroSign","ConsumptionBreakdown","fuelEuMetrics","useFuelEu","metrics","FuelEuVessels","electricityReceived","ghgIntensity","newComplianceBalance","newFuelEuPenalty","fuelEuPenalty","FuelEUFilterVessels","FuelEUFilters","FuelEU","FuelEUMaritime","tankTransferReport","TankTransferReportContextProvider","useTankTransferReportProvider","setTankTransferReport","TankTransferHeader","fromTank","toTank","TankTransferComment","TankTransfer","tankTransfer","useTankTransfer","apiTankTransfer","DwhTankStateOrigin","ErrorSeverity","TankTransfers","getTankTransfers","tankState","tankStates","TankStateContextProvider","useTankStateProvider","setTanks","setTankState","setTankStates","TankDiff","WarningIcon","TankStateTable","tankStatesData","useDwhTankStates","BunkerDeliveryItems","TankInitiation","Unknown","getEnumStringFromOrigin","logReportId","bunkerDeliveryNoteId","tankTransferId","portcall","fromPortcall","toPortcall","differenceSincePrevious","diffPercent","hasLogs","logs","TankStateFilterVessel","selectedTanks","setSelectedTanks","TankStateFilterPorts","TankStateFilters","TankStateGraph","aggregatesData","tankStateAggregateData","useDwhTankStateAggregates","ad","TankStateDetails","TankStates","Metrics","MainBody","Role","MeCallout","close","calloutRef","entryMap","entries","_map","reload","filteredIds","selectedId","MenuContextProvider","useMenuProvider","setSelectedId","setFilteredIds","ischild","Sub","containerheight","MenuItem","hasChildren","clickedItem","handleSpecialRoutes","childItem","isChild","MenuItemContainer","comming","LeftBorder","MenuSection","visibleItems","setVisibleItems","noItems","_item","requiredCompanyRole","Pulse","useMenu","menuItems","faHeartbeat","faCalendar","faCalendarDay","fuzzy","faGasPump","faEnvelopeOpen","faCodeBranch","faUsers","faSlidersH","faMapMarked","faUserAlt","faWifi","faBook","faHeadset","getMenuItems","focused","MenuSearch","toggleFocused","blurTxt","up","nextIndex","menuIds","menuGroup","menuItem","multipleRoles","ItemGroups","calloutHidden","toggleCallout","showTempImage","setShowTempImage","process","QuickMenuItems","QuickMenuChatItem","latest","useLatestChatMessages","setAnimate","spin","UserIcon","QuickMenu","messageReceived","setMessageReceived","additionalRender","logout","faSignOutAlt","menuCollapsed","MainMenu","mouseOver","setMouseOver","Close","GlobalNotification","notification","onDestroy","setShow","showDestroyAnimation","setShowDestroyAnimation","startTimeoutId","destroyAnimationTimeoutId","endTimeoutId","okToSpeak","speakText","isSystemMessage","nowDate","sysMessage","playSound","audio","Audio","volume","play","dismissSystemMessage","NotificationListContainer","GlobalNotifications","notifications","setNotifications","sm","useSystemMessages","notificationsRef","handleSignalRMessage","notificationList","sysmessage","useGlobalSettings","globalSettings","setGlobalSettings","dialogOpen","setDialogOpen","apiError","setApiError","getApiError","rtpoFrontEndVersion","initializeIcons","initializeFileTypeIcons","ErrorContainer","App","meOk","setMeOk","setLoading","relativeTime","advancedFormat","fetcher","toJS","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","TsApiOpen","useAppContextOpen","AppStoreOpen","Login","EventMarker","EventTimeStamp","EventText","EventContainer","CargoOperationsDetails","coEvent","PortDetails","setTimeZone","sortedCoEvents","firstEvent","TimeToggle","TimeToggleItem","CargoDetails","setUseUtc","toggleUseUtc","SearchBox","dimmed","Searching","TrackButton","NotFound","Tracker","trackingNumber","setTrackingNumber","trackedCargo","setTrackedCargo","notFound","setNotFound","setErroMsg","track","trackCargo","_errorMsg","Video","autoPlay","muted","loop","MainOpen","ready","setReady","Demo","demoMode","demoUrlIndex","urls","nextUrlIndex","parseInt","configuration","auth","pca","PublicClientApplication","AppProvider","interactionType","InteractionType","Redirect","ReactDOM","serviceWorker","registration","unregister"],"mappings":"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","file":"static/js/main.38a9bcda.chunk.js","sourcesContent":["\r\nexport enum PortCallStatus {\r\n    Scheduled = 10,\r\n    Active = 20,\r\n    Late = 30,\r\n    Finished = 100,\r\n    InActive = 200\r\n}","// Check for dev\r\nconst isDev = window.location.origin !== \"https://operations.theship.no\";\r\n\r\n// Shared variables\r\nconst apiScope = isDev ? \"api://shipapps.onmicrosoft.com/coreapi-dev/api.all\" : \"api://shipapps.onmicrosoft.com/coreapi/api.all\";\r\nconst clientId = isDev ? \"7545d3d7-7e1e-4f0d-ba8b-8deb21f194f3\" : \"2730b907-0f23-4e8d-8f0e-91bd20a4b09f\";\r\n\r\n// Environment variables - Localhost\r\n// const appUrl = isDev ? \"https://localhost:3001\" : \"https://app.theship.no\";\r\n// const apiUrl = isDev ? \"https://localhost:44328/rest\" : \"https://api.theship.no/rest\";\r\n// const notificationUrl = isDev ? \"https://localhost:44358/message\" : \"https://tssofcoremessages.azurewebsites.net/message\";\r\n// const notificationApiUrl = isDev ? \"https://localhost:44358\" : \"https://tssofcoremessages.azurewebsites.net\";\r\n\r\n// Environment variables - Dev and production\r\nconst appUrl = isDev ? \"https://dev-app.theship.no\" : \"https://app.theship.no\";\r\nconst apiUrl = isDev ? \"https://dev-api.theship.no/rest\" : \"https://api.theship.no/rest\";\r\nconst notificationUrl = isDev ? \"https://tssofcoremessagesdev.azurewebsites.net/message\" : \"https://tssofcoremessages.azurewebsites.net/message\";\r\nconst notificationApiUrl = isDev ? \"https://tssofcoremessagesdev.azurewebsites.net\" : \"https://tssofcoremessages.azurewebsites.net\";\r\n\r\nexport const AppSettings = {\r\n    apiUrl,\r\n    apiScope,\r\n    appUrl,\r\n    clientId,\r\n    notificationUrl,\r\n    notificationApiUrl\r\n};","import { IPublicClientApplication } from \"@azure/msal-browser\";\r\nimport { AppSettings } from \"../appSettings\";\r\n\r\nexport const SwrFetcher = async (\r\n    url: string,\r\n    msal: IPublicClientApplication,\r\n    customerId: string,\r\n    method?: string,\r\n    body?: any,\r\n    graphScopes?: string\r\n) => {\r\n\r\n    let token = await msal.acquireTokenSilent({ scopes: [AppSettings.apiScope] });\r\n    let graphToken = graphScopes ? await msal.acquireTokenSilent({ scopes: graphScopes.split(\" \") }) : undefined;\r\n\r\n    let response = await fetch(`${AppSettings.apiUrl}${url}`, {\r\n        headers: getHeaders(token.accessToken, customerId, graphToken?.accessToken),\r\n        method: method ? method : \"GET\",\r\n        body: body ? JSON.stringify(body) : undefined\r\n    });\r\n\r\n    if (!response.ok) {\r\n        let errorText = await response.json();\r\n        throw new Error(errorText);\r\n    }\r\n\r\n    return await response.json();\r\n};\r\n\r\nconst getHeaders = (token: string, customerId: string, graphToken?: string): any => {\r\n    var headers: any = {\r\n        Authorization: \"Bearer \" + token,\r\n        Accept: \"application/json\",\r\n        \"X-CUSTOMER-ID\": customerId,\r\n        \"Content-Type\": \"application/json\"\r\n    };\r\n\r\n    if (graphToken) {\r\n        headers[\"USER-MSGRAPH-TOKEN\"] = graphToken;\r\n    }\r\n\r\n    return headers;\r\n};","import { computed, makeObservable } from \"mobx\"\r\nimport { IAppUser } from \"../interfaces/IAppUser\"\r\nimport { ISofEventDataField } from \"../interfaces/ISofEventDataField\"\r\n\r\nexport class SofEvent {\r\n    id!: string\r\n    versionId!: string\r\n    eventDate!: Date\r\n    created!: Date\r\n    createdFrontend!: Date\r\n    name!: string\r\n    // internalName!: string\r\n    data!: ISofEventDataField[]\r\n    remark?: string\r\n    flowId!: number\r\n    templateId!: string\r\n    appUser?: IAppUser\r\n\r\n    constructor(_?: SofEvent) {\r\n        makeObservable(this, {\r\n            additionalProps: computed\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n        }\r\n    }\r\n\r\n    get additionalProps(): ISofEventDataField[] {\r\n        return this.data.filter(_ => {\r\n            if (_.value) {\r\n                return _;\r\n            }\r\n        });\r\n    }\r\n}","import { DateTime } from \"luxon\";\r\nimport { computed, makeObservable, observable } from \"mobx\";\r\nimport { ICrane } from \"../interfaces/ICrane\";\r\nimport { IStorage } from \"../interfaces/IStorage\";\r\nimport { CargoOperationTypes } from \"../_enums/CargoOperationTypes\";\r\nimport { SofEvent } from \"./SofEvent\"\r\n\r\nexport class CargoOperation {\r\n    id!: string\r\n    operationType!: CargoOperationTypes\r\n    name!: string\r\n    events: SofEvent[] = []\r\n    cranes: ICrane[] = []\r\n    storages: IStorage[] = []\r\n    workTeam?: string\r\n\r\n    constructor(_?: any) {\r\n        makeObservable(this, {\r\n            events: observable,\r\n            start: computed\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n            this.init(_);\r\n        }\r\n    }\r\n\r\n    private init(co: CargoOperation) {\r\n        this.events = co.events\r\n            ? co.events.map((ev: SofEvent) => new SofEvent(ev))\r\n            : [];\r\n    }\r\n\r\n    get sortedEvents() {\r\n        return this.events.slice().sort((a, b) => {\r\n            let aDate = DateTime.fromJSDate(new Date(a.eventDate)).set({ second: 0, millisecond: 0 });\r\n            let bDate = DateTime.fromJSDate(new Date(b.eventDate)).set({ second: 0, millisecond: 0 });\r\n\r\n            if (aDate > bDate) {\r\n                return 1;\r\n            }\r\n            else if (aDate < bDate) {\r\n                return -1;\r\n            }\r\n            else {\r\n                return DateTime.fromJSDate(new Date(a.createdFrontend)) > DateTime.fromJSDate(new Date(b.createdFrontend)) ? 1 : -1;\r\n            }\r\n        });\r\n    }\r\n\r\n    get start() {\r\n        let sorted = this.sortedEvents.slice();\r\n        if (sorted.length > 0) {\r\n            return sorted[0].eventDate;\r\n        }\r\n        return undefined;\r\n    }\r\n}","import { makeObservable } from 'mobx';\r\nimport { IPort } from '../interfaces/IPort';\r\n\r\nexport class CargoPort {\r\n    id!: number\r\n    portCallId!: number\r\n    portObject!: IPort\r\n    quantity!: number\r\n    reasonForCall!: string\r\n    scheduledArrival!: Date\r\n    inActive!: boolean\r\n\r\n    constructor(_?: CargoPort) {\r\n        makeObservable(this, {\r\n        \r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n            this.init(_);\r\n        }\r\n    }\r\n\r\n    private init(cp: CargoPort) {\r\n\r\n    }\r\n}","import { DateTime } from 'luxon';\r\nimport { computed, makeObservable, observable } from 'mobx';\r\nimport { SofEvent } from './SofEvent';\r\nimport { CargoOperation } from \"./CargoOperation\";\r\nimport { CargoPort } from './CargoPort';\r\nimport { IPartner } from '../interfaces/IPartner';\r\nimport { IFixture } from '../interfaces/IFixture';\r\nimport { ICommodity } from '../interfaces/ICommodity';\r\nimport { IFreightType } from '../interfaces/IFreightType';\r\nimport { ICargoTracker2 } from '../interfaces/ICargoTracker';\r\nimport { ICargoGroup } from '../interfaces/ICargoGroup';\r\nimport { IMeasurement } from '../interfaces/IMeasurement';\r\n\r\nexport class Cargo {\r\n    id!: number\r\n    cargoPortId!: number\r\n    commodity?: ICommodity\r\n    freightType?: IFreightType\r\n    charterer?: IPartner\r\n    quantity!: number\r\n    reasonForCall!: string\r\n    events: SofEvent[] = []\r\n    cargoOperations: CargoOperation[] = []\r\n    cargoPorts: CargoPort[] = []\r\n    fixture?: IFixture\r\n    trackingActive!: boolean\r\n    cargoTracker?: ICargoTracker2\r\n    group?: ICargoGroup\r\n    measurement?: IMeasurement\r\n\r\n    constructor(_?: Cargo) {\r\n\r\n        makeObservable(this, {\r\n            events: observable,\r\n            cargoOperations: observable,\r\n            cargoPorts: observable,\r\n            cargoPortId: observable,\r\n            commodity: observable,\r\n            freightType: observable,\r\n            charterer: observable,\r\n            quantity: observable,\r\n            reasonForCall: observable,\r\n            fixture: observable,\r\n            trackingActive: observable,\r\n            group: observable,\r\n            measurement: observable,\r\n\r\n            allEvents: computed,\r\n            sortedEvents: computed,\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n            this.init(_);\r\n        }\r\n    }\r\n\r\n    private init(c: Cargo) {\r\n        this.events = c.events\r\n            ? c.events.map((ev: SofEvent) => new SofEvent(ev))\r\n            : [];\r\n\r\n        this.cargoOperations = c.cargoOperations\r\n            ? c.cargoOperations.map((co: CargoOperation) => new CargoOperation(co))\r\n            : [];\r\n\r\n        this.cargoPorts = c.cargoPorts\r\n            ? c.cargoPorts.map((cp: CargoPort) => new CargoPort(cp))\r\n            : [];\r\n\r\n        this.commodity = c.commodity;\r\n        this.freightType = c.freightType;\r\n    }\r\n\r\n    get sortedEvents() {\r\n        return this.events.slice().sort((a, b) => {\r\n            let aDate = DateTime.fromJSDate(new Date(a.eventDate)).set({ second: 0, millisecond: 0 });\r\n            let bDate = DateTime.fromJSDate(new Date(b.eventDate)).set({ second: 0, millisecond: 0 });\r\n\r\n            if (aDate > bDate) {\r\n                return 1;\r\n            }\r\n            else if (aDate < bDate) {\r\n                return -1;\r\n            }\r\n            else {\r\n                return DateTime.fromJSDate(new Date(a.createdFrontend)) > DateTime.fromJSDate(new Date(b.createdFrontend)) ? 1 : -1;\r\n            }\r\n        });\r\n    }\r\n\r\n    /** All cargo and cargo operation events, sorted by event data */\r\n    get allEvents() {\r\n        let events = this.events.slice();\r\n\r\n        this.cargoOperations.forEach(co => {\r\n            events = events.concat(co.events.slice());\r\n        });\r\n\r\n        return events.sort((a, b) => {\r\n            return DateTime.fromJSDate(new Date(a.eventDate)) > DateTime.fromJSDate(new Date(b.eventDate)) ? 1 : -1;\r\n        });\r\n    }\r\n}","import { action, makeObservable, observable } from \"mobx\";\r\nimport { IPerson } from \"../interfaces/IPerson\";\r\nimport { ITrade } from \"../interfaces/ITrade\";\r\nimport { Cargo } from \"./Cargo\";\r\nimport { PortCall } from \"./PortCall\";\r\nimport { Vessel } from \"./Vessel\";\r\n\r\nexport class Voyage {\r\n    id!: number\r\n    externalId?: string\r\n    voyageNumber!: number\r\n    reference!: string;\r\n    vessel!: Vessel\r\n    master?: IPerson\r\n    trade?: ITrade\r\n    portCalls: PortCall[] = []\r\n    cargo!: Cargo[]\r\n    start!: Date\r\n    end!: Date\r\n\r\n    constructor(_?: Voyage) {\r\n        makeObservable(this, {\r\n            portCalls: observable,\r\n            cargo: observable,\r\n\r\n            setPortCalls: action,\r\n            setCargo: action,\r\n            updatePortCall: action,\r\n            removePortCall: action,\r\n            updateCargo: action,\r\n            removeCargo: action\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n            this.init(_);\r\n        }\r\n    }\r\n\r\n    private init(v: Voyage) {\r\n        this.portCalls = v.portCalls\r\n            ? v.portCalls.map((p: PortCall) => new PortCall(p))\r\n            : [];\r\n    }\r\n\r\n    setPortCalls = (_: PortCall[]) => {\r\n        this.portCalls = _;\r\n    }\r\n\r\n    setCargo = (_: Cargo[]) => {\r\n        this.cargo = _;\r\n    }\r\n\r\n    updatePortCall = (portCall: PortCall) => {\r\n        let portCallIndex = this.portCalls.findIndex(_ => _.id === portCall.id);\r\n        this.portCalls[portCallIndex] = portCall;\r\n    }\r\n\r\n    removePortCall = (portCall: PortCall) => {\r\n        let portCallIndex = this.portCalls.findIndex(_ => _.id === portCall.id);\r\n        this.portCalls.splice(portCallIndex, 1);\r\n    }\r\n\r\n    updateCargo = (cargo: Cargo) => {\r\n        let cargoIndex = this.cargo.findIndex(_ => _.id === cargo.id);\r\n        this.cargo[cargoIndex] = cargo;\r\n    }\r\n\r\n    removeCargo = (cargo: Cargo) => {\r\n        let cargoIndex = this.cargo.findIndex(_ => _.id === cargo.id);\r\n        this.cargo.splice(cargoIndex, 1);\r\n    }\r\n}","import { makeObservable } from \"mobx\";\r\nimport { ICrane } from \"../interfaces/ICrane\";\r\nimport { IEngine } from \"../interfaces/IEngine\";\r\nimport { IFlow } from \"../interfaces/IFlow\";\r\nimport { IFuel } from \"../interfaces/IFuel\";\r\nimport { IStorage } from \"../interfaces/IStorage\";\r\nimport { ITank } from \"../interfaces/ITank\";\r\nimport { IVesselFuel } from \"../interfaces/IVesselFuel\";\r\nimport { IVesselSettings } from \"../interfaces/IVesselSettings\";\r\nimport { IVesselSeaRouteSettings } from \"../interfaces/IVesselSeaRouteSettings\";\r\nimport { IOilTank } from \"../interfaces/IOilTank\";\r\n\r\nexport class Vessel {\r\n    id!: number\r\n    externalId?: string\r\n    companyId?: number\r\n    imo!: string\r\n    name!: string\r\n    inActive!: boolean\r\n    deleted!: boolean\r\n    modified!: Date\r\n    vesselFuels: IVesselFuel[] = []\r\n    engines: IEngine[] = []\r\n    storages: IStorage[] = []\r\n    fuel: IFuel[] = []\r\n    cranes: ICrane[] = []\r\n    tanks: ITank[] = []\r\n    oilTanks: IOilTank[] = []\r\n    flow?: IFlow\r\n    settings?: IVesselSettings\r\n    seaRouteSettings?: IVesselSeaRouteSettings\r\n\r\n    constructor(_?: Vessel) {\r\n        makeObservable(this, {\r\n\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n        }\r\n    }\r\n}","import { computed, makeObservable, observable } from 'mobx';\r\nimport { IPort } from \"../interfaces/IPort\"\r\nimport { SofEvent } from './SofEvent';\r\nimport { Cargo } from \"./Cargo\";\r\nimport { DateTime } from 'luxon';\r\nimport { PortCallStatus } from '../_enums/PortCallStatus';\r\nimport { Voyage } from './Voyage';\r\nimport { Vessel } from './Vessel';\r\nimport { IPartner } from '../interfaces/IPartner';\r\nimport { ICompany } from '../interfaces/ICompany';\r\nimport { IReasonForCall } from '../interfaces/IReasonForCall';\r\n\r\nexport class PortCall {\r\n    id!: number\r\n    inActive?: boolean\r\n    port!: IPort\r\n    agent?: IPartner\r\n    customer!: ICompany\r\n    scheduledArrival!: Date\r\n    scheduledDeparture!: Date\r\n    arrived?: Date\r\n    departed?: Date\r\n    voyage!: Voyage\r\n    vessel!: Vessel\r\n    reasonForCalls?: IReasonForCall[]\r\n    events: SofEvent[] = []\r\n    cargos: Cargo[] = []\r\n\r\n    constructor(_?: PortCall) {\r\n\r\n        makeObservable(this, {\r\n            events: observable,\r\n            cargos: observable,\r\n\r\n            scheduledArrival: observable,\r\n            scheduledDeparture: observable,\r\n            arrived: observable,\r\n            departed: observable,\r\n            voyage: observable,\r\n            agent: observable,\r\n            inActive: observable,\r\n            reasonForCalls: observable,\r\n\r\n            status: computed,\r\n            sortedEvents: computed,\r\n            remainingDuration: computed,\r\n            totalDuration: computed,\r\n            scheduledDuration: computed,\r\n        });\r\n\r\n        if (_) {\r\n            Object.assign(this, _);\r\n            this.init(_);\r\n        }\r\n    }\r\n\r\n    private init(p: PortCall) {\r\n        this.vessel = new Vessel(p.vessel);\r\n        this.voyage = new Voyage(p.voyage);\r\n\r\n        this.events = p.events\r\n            ? p.events.map((ev: SofEvent) => new SofEvent(ev))\r\n            : [];\r\n\r\n        this.cargos = p.cargos\r\n            ? p.cargos.map((c: Cargo) => new Cargo(c))\r\n            : [];\r\n    }\r\n\r\n    get sortedEvents() {\r\n        return this.events.slice().sort((a, b) => {\r\n            let aDate = DateTime.fromJSDate(new Date(a.eventDate)).set({ second: 0, millisecond: 0 });\r\n            let bDate = DateTime.fromJSDate(new Date(b.eventDate)).set({ second: 0, millisecond: 0 });\r\n\r\n            if (aDate > bDate) {\r\n                return 1;\r\n            }\r\n            else if (aDate < bDate) {\r\n                return -1;\r\n            }\r\n            else {\r\n                return DateTime.fromJSDate(new Date(a.createdFrontend)) > DateTime.fromJSDate(new Date(b.createdFrontend)) ? 1 : -1;\r\n            }\r\n        });\r\n    }\r\n\r\n    get status(): PortCallStatus {\r\n        if (this.departed) {\r\n            return PortCallStatus.Finished;\r\n        }\r\n\r\n        if (this.arrived) {\r\n            return PortCallStatus.Active;\r\n        }\r\n\r\n        if (DateTime.now().diff(DateTime.fromJSDate(new Date(this.scheduledArrival))).as(\"hours\") > 12) {\r\n            return PortCallStatus.Late;\r\n        }\r\n\r\n        return PortCallStatus.Scheduled;\r\n    }\r\n\r\n    get scheduledDuration(): number {\r\n        let from = DateTime.fromJSDate(new Date(this.scheduledArrival));\r\n        let to = DateTime.fromJSDate(new Date(this.scheduledDeparture));\r\n\r\n        return to.diff(from).as(\"milliseconds\");\r\n    }\r\n\r\n    get totalDuration(): number {\r\n        if (!this.arrived) {\r\n            return 0;\r\n        }\r\n\r\n        let from = DateTime.fromJSDate(new Date(this.arrived));\r\n        let to = DateTime.fromJSDate(new Date(this.departed ? this.departed : new Date()));\r\n        let diff = to.diff(from);\r\n\r\n        return diff.valueOf();\r\n    }\r\n\r\n    get remainingDuration(): number | undefined {\r\n        if (!this.arrived) {\r\n            return;\r\n        }\r\n        return this.scheduledDuration - this.totalDuration;\r\n    }\r\n}","import { IPublicClientApplication } from \"@azure/msal-browser\";\r\nimport { AppSettings } from \"../appSettings\";\r\nimport { PortCall } from \"../classes/PortCall\";\r\nimport { IDemurrage } from \"../interfaces/demurrage/IDemurrage\";\r\nimport { ITermSet } from \"../interfaces/demurrage/ITermSet\";\r\nimport { IAdditionalQueryParam } from \"../interfaces/IAdditionalQueryParam\";\r\nimport { IBerth } from \"../interfaces/IBerth\";\r\nimport { IBunkerDeliveryNote } from \"../interfaces/IBunkerDeliveryNote\";\r\nimport { ICommodity } from \"../interfaces/ICommodity\";\r\nimport { ICompany } from \"../interfaces/ICompany\";\r\nimport { ICompanyRole } from \"../interfaces/ICompanyRole\";\r\nimport { ICompanyApiKey } from \"../interfaces/ICompanyApiKey\";\r\nimport { IDocument } from \"../interfaces/IDocument\";\r\nimport { IEmailContainer, IEmailAddress, IEmailSend } from \"../interfaces/IEmail\";\r\nimport { IFixture } from \"../interfaces/IFixture\";\r\nimport { IFlow } from \"../interfaces/IFlow\";\r\nimport { IFreightType } from \"../interfaces/IFreightType\";\r\nimport { IOffice365Settings } from \"../interfaces/IOffice365Settings\";\r\nimport { IPartner } from \"../interfaces/IPartner\";\r\nimport { ISofEventTemplate } from \"../interfaces/ISofEventTemplate\";\r\nimport { IUser } from \"../interfaces/IUser\";\r\nimport { IVms } from \"../interfaces/IVms\";\r\nimport { EmailCategory } from \"../_enums/EmailCategory\";\r\nimport { ICompanySofHtml } from \"../interfaces/ICompanySofHtml\";\r\nimport { IPort } from \"../interfaces/IPort\";\r\nimport { IPerson } from \"../interfaces/IPerson\";\r\nimport { IVessel } from \"../interfaces/IVessel\";\r\nimport { ICompanySettings } from \"../interfaces/ICompanySettings\";\r\nimport { IAppUser } from \"../interfaces/IAppUser\";\r\nimport { ITrade } from \"../interfaces/ITrade\";\r\nimport { ICreateVoyage, ICreateVoyageWithPortCallsAndCargo, IVoyage } from \"../interfaces/IVoyage\";\r\nimport { IPortCall } from \"../interfaces/IPortCall\";\r\nimport { ICargo } from \"../interfaces/ICargo\";\r\nimport { ICargoGroup } from \"../interfaces/ICargoGroup\";\r\nimport { ISupportTicket } from \"../interfaces/ISupportTicket\";\r\nimport { IUserSettings } from \"../interfaces/IUserSettings\";\r\nimport { IMeasurement } from \"../interfaces/IMeasurement\";\r\nimport { ICustomerSubscription } from \"../interfaces/ICustomerSubscription\";\r\nimport { IVoyageReportSettings } from \"../interfaces/IVoyageReportSettings\";\r\nimport { ILogReport } from \"../interfaces/ILogReport\";\r\nimport { IDevelopmentTask } from \"../interfaces/IDevelopmentTask\";\r\nimport { IOvdBunkerReport } from \"../interfaces/IOvdBunkerReport\";\r\nimport { IUserSettingsExtended } from \"../interfaces/IUserSettingsExtended\";\r\nimport { IPortSettings } from \"../interfaces/IPortSettings\";\r\nimport { IPortPartner } from \"../interfaces/IPortPartner\";\r\nimport { IEmailTemplate } from \"../interfaces/IEmailTemplate\";\r\nimport { IOvdLogAbstractSync } from \"../interfaces/IOvdLogAbstractSync\";\r\nimport { IOvdLogAbstractOperationsDto } from \"../interfaces/IOvdLogAbstractOperationsDto\";\r\nimport { IBdnAttachment } from \"../interfaces/IBdnAttachment\";\r\nimport { ISystemMessage } from \"../interfaces/ISystemMessage\";\r\nimport { ILaytimeDurationTemplate } from \"../interfaces/ILaytimeDurationTemplate\";\r\nimport { ICompanyLaytimeSettings } from \"../interfaces/ICompanyLaytimeSettings\";\r\nimport { IFuelCorrection } from \"../interfaces/IFuelCorrection\";\r\nimport { DocumentTemplateType } from \"../interfaces/IDocumentTemplate\";\r\nimport { ISeaRoute } from \"../interfaces/ISeaRoute\";\r\nimport { FixtureStatus } from \"../_enums/FixtureStatus\";\r\nimport { IAdminTankState } from \"../interfaces/ITankState\";\r\nimport { ITankOvdItem } from \"../interfaces/ITankOvdItem\";\r\nimport { ITankTransfer } from \"../interfaces/ITankTransfer\";\r\nimport { ILogReportField } from \"../interfaces/ILogReportField\";\r\n\r\nexport class TsApi {\r\n    private msal: IPublicClientApplication;\r\n    public customerRole!: ICompanyRole;\r\n\r\n    constructor(_msal: IPublicClientApplication) {\r\n        this.msal = _msal;\r\n    }\r\n\r\n    private getHeaders(): any {\r\n        let headers: any = {\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\"\r\n        };\r\n\r\n        return headers;\r\n    }\r\n\r\n    private getFileHeaders(): any {\r\n        return {};\r\n    }\r\n\r\n    private getApiToken(): Promise<string> {\r\n        return this.msal\r\n            .acquireTokenSilent({ scopes: [AppSettings.apiScope] })\r\n            .then((_) => {\r\n                return _.accessToken;\r\n            });\r\n    }\r\n\r\n    private goFetch(\r\n        url: string,\r\n        params?: string,\r\n        method?: string,\r\n        body?: any,\r\n        headers?: any,\r\n        stringifyBody = true,\r\n        graphToken?: string\r\n\r\n    ): Promise<any> {\r\n\r\n        const completeUrl = `${AppSettings.apiUrl}${url}${params ? `?${params}` : \"\"}`;\r\n\r\n        return this.getApiToken()\r\n            .then(token => {\r\n\r\n                let _headers = headers ? headers : this.getHeaders();\r\n\r\n                // Add customer id and token headers\r\n                _headers[\"Authorization\"] = \"Bearer \" + token;\r\n\r\n                if (this.customerRole) {\r\n                    _headers[\"X-CUSTOMER-ID\"] = this.customerRole.customer.id;\r\n                }\r\n\r\n                if (graphToken) {\r\n                    _headers[\"USER-MSGRAPH-TOKEN\"] = graphToken;\r\n                }\r\n\r\n                const options: RequestInit = {\r\n                    method: method ? method : \"GET\",\r\n                    body: body && stringifyBody ? JSON.stringify(body) : body,\r\n                    headers: _headers\r\n                };\r\n\r\n                return fetch(completeUrl, options);\r\n            })\r\n            .then((_) => {\r\n                return _.ok ? Promise.resolve(_) : Promise.reject(_);\r\n            });\r\n    }\r\n\r\n    public getMe(appVersion?: string): Promise<any> {\r\n        return this.goFetch(`/me${appVersion ? `?appVersion=${appVersion}` : \"\"}`).then((_) => _.json());\r\n    }\r\n\r\n    public updateMySettings(us: IUserSettings): Promise<IUserSettings> {\r\n        let method = us.id === 0 ? \"POST\" : \"PUT\";\r\n        return this.goFetch(\"/me/settings\", undefined, method, us).then((_) => _.json());\r\n    }\r\n\r\n    public updateMySettingsExtended(us: IUserSettingsExtended): Promise<IUserSettingsExtended> {\r\n        return this.goFetch(\"/me/settingsExtended\", undefined, \"POST\", us).then((_) => _.json());\r\n    }\r\n\r\n    //#region e-sign\r\n    public startESign(filename: string, title: string, invitationMessage: string, confirmationMessage: string): Promise<void> {\r\n        return this.goFetch(\"/eSign/start\", undefined, \"POST\", {\r\n            filename,\r\n            title,\r\n            confirmationMessage,\r\n            invitationMessage\r\n        });\r\n    }\r\n    //#endregion\r\n\r\n    public getPortCall(id: number): Promise<PortCall> {\r\n        return this.goFetch(`/portcalls/${id}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            })\r\n            .then(_ => {\r\n                return new PortCall(_);\r\n            });\r\n    }\r\n\r\n    public getPortCallCargo(portcallId: number): Promise<ICargo[]> {\r\n        return this.goFetch(`/portcalls/${portcallId}/cargos`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getPortCalls(qParams?: string): Promise<IPortCall[]> {\r\n        let url = \"/portCalls\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public downloadPortCallReport(id: number, fileType: \"pdf\" | \"xlsx\" = \"pdf\", landscapeOrientation: boolean = false, scaleWidthToOnePage: boolean = false): Promise<any> {\r\n        return this.goFetch(`/portCalls/${id}/report/download?fileType=${fileType}&landscapeOrientation=${landscapeOrientation}&scaleWidthToOnePage=${scaleWidthToOnePage}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    public downloadPortCallsReport(qParams?: string): Promise<any> {\r\n        return this.goFetch(`/portCalls/download${qParams ?? \"\"}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    //#region Voyages\r\n    public getVoyages(qParams?: string): Promise<IVoyage[]> {\r\n        let url = \"/voyages\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            })\r\n    }\r\n\r\n    public createVoyagePortCall(voyageId: number, portCall: IPortCall): Promise<IPortCall> {\r\n        return this.goFetch(`/voyages/${voyageId}/portCalls`, undefined, \"POST\", portCall)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVoyagePortCall(voyageId: number, portCall: IPortCall): Promise<IPortCall> {\r\n        return this.goFetch(`/voyages/${voyageId} /portCalls/${portCall.id}`, undefined, \"PUT\", portCall)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteVoyagePortCall(voyageId: number, portCall: IPortCall): Promise<void> {\r\n        return this.goFetch(`/voyages/${voyageId} /portCalls/${portCall.id}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public getVoyageCargo(voyageId: number): Promise<ICargo[]> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargo`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVoyage(voyage: IVoyage): Promise<any> {\r\n        return this.goFetch(`/voyages/${voyage.id}`, undefined, \"PUT\", voyage);\r\n    }\r\n\r\n    public createVoyageCargo(voyageId: number, cargo: ICargo): Promise<ICargo> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargo`, undefined, \"POST\", cargo)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVoyageCargo(voyageId: number, cargo: ICargo): Promise<ICargo> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargo/${cargo.id}`, undefined, \"PUT\", cargo)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteVoyageCargo(voyageId: number, cargo: ICargo): Promise<void> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargo/${cargo.id}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public createVoyageCargoGroup(voyageId: number, group: ICargoGroup): Promise<ICargoGroup> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargoGroups`, undefined, \"POST\", group)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVoyageCargoGroup(voyageId: number, group: ICargoGroup): Promise<ICargoGroup> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargoGroups/${group.id}`, undefined, \"PUT\", group)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVoyageCargoGroupCargo(voyageId: number, groupId: number, cargo: ICargo[]): Promise<void> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargoGroups/${groupId}/cargo`, undefined, \"PUT\", cargo.map(_ => { return { id: _.id } }));\r\n    }\r\n\r\n    public deleteVoyageCargoGroup(voyageId: number, group: ICargoGroup): Promise<void> {\r\n        return this.goFetch(`/voyages/${voyageId}/cargoGroups/${group.id}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public deleteVoyage(voyageId: number): Promise<void> {\r\n        return this.goFetch(`/voyages/${voyageId}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public generateVoyageNumber(vesselId: number): Promise<number> {\r\n        return this.goFetch(`/voyages/generateNewVoyageNumber?vesselId=${vesselId}`, undefined, \"GET\")\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public lastVesselPortCall(vesselId: number, excludedVoyageId?: number): Promise<IPortCall | undefined> {\r\n        let url = `/vessels/${vesselId}/lastPortCall${excludedVoyageId ? `?excludedVoyageId=${excludedVoyageId}` : \"\"}`;\r\n        return this.goFetch(url, undefined, \"GET\")\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public createVoyage(voyage: ICreateVoyage): Promise<IVoyage> {\r\n        return this.goFetch(\"/voyages\", undefined, \"POST\", voyage)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public copyVoyage(voyage: ICreateVoyageWithPortCallsAndCargo): Promise<IVoyage> {\r\n        return this.goFetch(`/voyages/${voyage.id}/copy`, undefined, \"POST\", voyage)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public downloadVoyageReport(\r\n        voyageId: number,\r\n        format: \"docx\" | \"pdf\",\r\n        useCalculatedRobEnd: boolean,\r\n        portCallIds: number[],\r\n        cargoPortIds: number[],\r\n        consumptionGroupIds: number[],\r\n        usePortTimeZone: boolean,\r\n        fixedTimeZone?: string\r\n    ): Promise<any> {\r\n\r\n        let args: string[] = [\r\n            `format=${format}`,\r\n            `usePortTimeZone=${usePortTimeZone ? \"true\" : \"false\"}`,\r\n            `pIds=${portCallIds.join(\",\")}`,\r\n            `cpIds=${cargoPortIds.join(\",\")}`,\r\n            `consumptionGroupIds=${consumptionGroupIds.join(\",\")}`,\r\n            `useCalculatedRobEnd=${useCalculatedRobEnd}`\r\n        ];\r\n\r\n\r\n        if (fixedTimeZone) {\r\n            args.push(`fixedTimeZone=${fixedTimeZone}`);\r\n        }\r\n\r\n        return this.goFetch(`/voyages/${voyageId}/report/download?${args.join(\"&\")}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    public downloadVoyageStandardReport(\r\n        voyageId: number,\r\n        format: \"xlsx\" | \"pdf\",\r\n        reportSettings: IVoyageReportSettings,\r\n        usePortTimeZone: boolean,\r\n        fixedTimeZone?: string,\r\n        useVoyageReference?: boolean\r\n    ): Promise<any> {\r\n\r\n        let args: string[] = [\r\n            `format=${format}`,\r\n            `usePortTimeZone=${usePortTimeZone ? \"true\" : \"false\"}`,\r\n            `calcFromType=${reportSettings.start}`,\r\n            `calcToType=${reportSettings.end}`,\r\n            `totalsType=${reportSettings.totalsType}`,\r\n            `consumptionType=${reportSettings.consumptionType}`,\r\n            `useVoyageRef=${useVoyageReference}`\r\n        ];\r\n\r\n        if (fixedTimeZone) {\r\n            args.push(`fixedTimeZone=${fixedTimeZone}`);\r\n        }\r\n\r\n        return this.goFetch(`/voyages/${voyageId}/report/downloadStandard?${args.join(\"&\")}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Log reports\r\n    public getLogReports(qParams?: string): Promise<ILogReport[]> {\r\n        let url = \"/reports/log\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Mrv\r\n    public getOvdLogAbstracts(qParams?: string): Promise<IOvdLogAbstractOperationsDto[]> {\r\n        let url = \"/ovd/logabstracts\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getOvdLogAbstract(id: number, dto: boolean = false): Promise<IOvdLogAbstractOperationsDto> {\r\n        return this.goFetch(`/ovd/logabstracts/${id}?dto=${dto ? \"true\" : \"false\"}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getOvdLogAbstractLog(id: number): Promise<IOvdLogAbstractSync[]> {\r\n        return this.goFetch(`/ovd/logabstracts/${id}/log`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public transferOvdLogAbstract(id: number, dto: boolean = false): Promise<IOvdLogAbstractOperationsDto> {\r\n        return this.goFetch(`/ovd/logabstracts/${id}/transfer`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getOvdBunkerReports(qParams?: string): Promise<IOvdBunkerReport[]> {\r\n        let url = \"/ovd/bunkerreports\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getOvdBunkerReport(id: number, dto: boolean = false): Promise<IOvdBunkerReport> {\r\n        return this.goFetch(`/ovd/bunkerreports/${id}?dto=${dto ? \"true\" : \"false\"}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public transferOvdBunkerReport(id: number, dto: boolean = false): Promise<IOvdBunkerReport> {\r\n        return this.goFetch(`/ovd/bunkerreports/${id}/transfer`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Bunker delivery notes\r\n    public getBunkerDeliveryNotes(qParams?: string): Promise<IBunkerDeliveryNote[]> {\r\n        let url = \"/reports/bdn\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public downloadBdnAttachment(id: string): Promise<IBdnAttachment> {\r\n        return this.goFetch(`/reports/bdn/downloadAttachment?id=${id}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Tank transfers\r\n    public getTankTransfers(qParams?: string): Promise<ITankTransfer[]> {\r\n        let url = \"/reports/tankTransfers\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    //#endregion\r\n\r\n    public getFuelCorrections(qParams?: string): Promise<IFuelCorrection[]> {\r\n        let url = \"/reports/fuelCorrections\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    //#region Flows\r\n    public getFlow(id: number): Promise<IFlow> {\r\n        return this.goFetch(`/flows/${id}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getFlows(ids: number[], includeInActive: boolean = false): Promise<IFlow[]> {\r\n        return this.goFetch(`/flows?includeInactive=${includeInActive ? \"true\" : \"false\"}&flowIds=${ids.join(\",\")}`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public createFlow(flow: IFlow): Promise<IFlow> {\r\n        return this.goFetch(\"/flows\", undefined, \"POST\", flow)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateFlow(flow: IFlow): Promise<void> {\r\n        return this.goFetch(`/flows/${flow.id}`, undefined, \"PUT\", flow);\r\n    }\r\n    //#endregion\r\n\r\n    public search(endPoint: string, s: string, additionalQueryParams?: IAdditionalQueryParam[]): Promise<any[]> {\r\n        let url = `/${endPoint}?s=${s}`;\r\n\r\n        if (additionalQueryParams) {\r\n            let params = additionalQueryParams.map(_ => {\r\n                if (_.value) {\r\n                    return `${_.key}=${_.value}`;\r\n                }\r\n            }).join(\"&\");\r\n            url += `&${params}`\r\n        }\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    //#region Vessel\r\n    public getVessels(qParams?: string): Promise<IVessel[]> {\r\n        let url = \"/vessels\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateVesselEngines(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/engines`, undefined, \"PUT\", vessel.engines).then(_ => _.json());\r\n    }\r\n\r\n    public updateVesselTanks(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/tanks`, undefined, \"PUT\", vessel.tanks).then(_ => _.json());\r\n    }\r\n\r\n    public updateVesselFuelTypes(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/fuels`, undefined, \"PUT\", vessel.vesselFuels);\r\n    }\r\n\r\n    public updateVesselSettings(vessel: IVessel): Promise<any> {\r\n        if (!vessel.settings) {\r\n            return Promise.resolve();\r\n        }\r\n\r\n        return this.goFetch(`/vessels/${vessel.id}/settings`, undefined, \"PUT\", vessel.settings);\r\n    }\r\n\r\n    public updateVesselAdminSettings(vessel: IVessel): Promise<any> {\r\n        if (!vessel.settings) {\r\n            return Promise.resolve();\r\n        }\r\n\r\n        return this.goFetch(`/vessels/${vessel.id}/adminSettings`, undefined, \"PUT\", vessel.settings);\r\n    }\r\n\r\n    public updateVoyageReportCutoffDateSettings(vessel: IVessel): Promise<any> {\r\n        if (!vessel.settings) {\r\n            return Promise.resolve();\r\n        }\r\n\r\n        return this.goFetch(`/vessels/${vessel.id}/voyageReportCutoffDateSettings`, undefined, \"PUT\", vessel.settings);\r\n    }\r\n\r\n    public updateVesselStorages(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/storages`, undefined, \"PUT\", vessel.storages).then(_ => _.json());\r\n    }\r\n\r\n    public updateVesselCranes(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/cranes`, undefined, \"PUT\", vessel.cranes).then(_ => _.json());\r\n    }\r\n\r\n    public updateVesselOilTanks(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/oilTanks`, undefined, \"PUT\", vessel.oilTanks).then(_ => _.json());\r\n    }\r\n\r\n    public updateVesselDetails(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}`, undefined, \"PUT\", vessel);\r\n    }\r\n\r\n    public updateVesselSeaRouteSettings(vessel: IVessel): Promise<any> {\r\n        return this.goFetch(`/vessels/${vessel.id}/seaRouteSettings`, undefined, \"PUT\", vessel.seaRouteSettings);\r\n    }\r\n\r\n    public createVessel(vessel: IVessel): Promise<IVessel> {\r\n        return this.goFetch(\"/vessels\", undefined, \"POST\", vessel)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteVessel(id: number): Promise<void> {\r\n        return this.goFetch(`/vessels/${id}`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    //#region Api keys\r\n    public getApiKeys(): Promise<ICompanyApiKey[]> {\r\n        let url = \"/CustomerApiKeys\";\r\n        return this.goFetch(url, undefined, \"GET\")\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public createApiKey(apiKey: ICompanyApiKey): Promise<ICompanyApiKey> {\r\n        let url = \"/CustomerApiKeys\";\r\n        return this.goFetch(url, undefined, \"POST\", apiKey)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateApiKey(apiKey: ICompanyApiKey): Promise<ICompanyApiKey> {\r\n        let url = `/customerApiKeys/${apiKey.id}`;\r\n        return this.goFetch(url, undefined, \"PUT\", apiKey)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteApiKey(apiKey: ICompanyApiKey): Promise<ICompanyApiKey> {\r\n        let url = `/customerApiKeys/${apiKey.id}`;\r\n        return this.goFetch(url, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    //#region Vms and sync\r\n    public getVms(): Promise<IVms | undefined> {\r\n        let url = \"/vms\";\r\n        return this.goFetch(url)\r\n            .then(_ => {\r\n                // Returns 204 if not defined\r\n                return _.status === 200 ? _.json() : undefined;\r\n            });\r\n    }\r\n\r\n    public createVms(vms: IVms): Promise<IVms> {\r\n        let url = \"/vms\";\r\n        return this.goFetch(url, undefined, \"POST\", vms)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveVms(vms: IVms): Promise<IVms> {\r\n        let url = `/vms/${vms.id}`;\r\n        return this.goFetch(url, undefined, \"PUT\", vms)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Users\r\n    public getUsers(): Promise<IUser[]> {\r\n        return this.goFetch(\"/users\")\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateUser(user: IUser): Promise<IUser> {\r\n        let url = `/users/${user.id}?companyRoleIds=${user.customerRoles?.map(_ => _.role.id).join(\",\")}`\r\n\r\n        return this.goFetch(url, undefined, \"PUT\", user)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region App users\r\n    public createAppUser(appUser: IAppUser): Promise<IAppUser> {\r\n        let url = `/appUsers?pwd=${encodeURIComponent(appUser.password!)}`;\r\n\r\n        return this.goFetch(url, undefined, \"POST\", appUser)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateAppUser(appUser: IAppUser): Promise<IAppUser> {\r\n        let url = `/appUsers/${appUser.id}`;\r\n\r\n        if (appUser.password && appUser.password.trim().length > 0) {\r\n            url += `?pwd=${encodeURIComponent(appUser.password)}`;\r\n        }\r\n\r\n        return this.goFetch(url, undefined, \"PUT\", appUser)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteAppUser(appUser: IAppUser): Promise<IAppUser> {\r\n        let url = `/appUsers/${appUser.id}`;\r\n        return this.goFetch(url, undefined, \"DELETE\");\r\n    }\r\n\r\n    public getAppUserToken(appUser: IAppUser): Promise<any> {\r\n        let url = `/appUsers/${appUser.id}/getAppToken`;\r\n        return this.goFetch(url)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n\r\n\r\n    //#region Sof html\r\n    public updateSofHtml(companyId: string, html: string): Promise<ICompanySofHtml> {\r\n        return this.goFetch(`/customers/${companyId}/sofHtmlLayout`, undefined, \"PUT\", { html })\r\n            .then(_ => _.json());\r\n    }\r\n    //#endregion\r\n\r\n    public updateCompanyDetails(company: ICompany): Promise<void> {\r\n        return this.goFetch(`/customers/${company.id}/details`, undefined, \"PUT\", company);\r\n    }\r\n\r\n    public updateCompanyOffice365Settings(companyId: string, settings: IOffice365Settings): Promise<IOffice365Settings> {\r\n        return this.goFetch(`/customers/${companyId}/office365Settings`, undefined, \"PUT\", settings)\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public updateCompanyLaytimeSettings(companyId: string, settings: ICompanyLaytimeSettings): Promise<ICompanyLaytimeSettings> {\r\n        return this.goFetch(`/customers/${companyId}/laytimeSettings`, undefined, \"PUT\", settings)\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public updateCompanyVoyageReportSettings(companyId: string, settings: IVoyageReportSettings): Promise<IVoyageReportSettings> {\r\n        return this.goFetch(`/customers/${companyId}/voyageReportSettings`, undefined, \"PUT\", settings)\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public updateCompanySettings(companyId: string, settings: ICompanySettings): Promise<ICompanySettings> {\r\n        return this.goFetch(`/customers/${companyId}/settings`, undefined, \"PUT\", settings)\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    //#region SofEventTemplates\r\n    public createSofEventTemplate(sofEvent: ISofEventTemplate): Promise<ISofEventTemplate> {\r\n        return this.goFetch(\"/sofEventTemplates\", undefined, \"POST\", sofEvent)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateSofEventTemplate(sofEvent: ISofEventTemplate): Promise<ISofEventTemplate> {\r\n        return this.goFetch(`/sofEventTemplates/${sofEvent.id}`, undefined, \"PUT\", sofEvent)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteSofEventTemplate(sofEvent: ISofEventTemplate): Promise<void> {\r\n        return this.goFetch(`/sofEventTemplates/${sofEvent.id}`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    public trackCargo(t: string): Promise<any> {\r\n        return this.goFetch(`/o/track?t=${t}`)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    //#region Fixtures and Demurrages\r\n    public getFixtures(qParams?: string): Promise<IFixture[]> {\r\n        let url = \"/fixtures\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url).then(_ => { return _.json() });\r\n    }\r\n\r\n    public saveFixture(f: IFixture, newVersion: boolean): Promise<IFixture> {\r\n        let url = newVersion ? \"/fixtures\" : `/fixtures/${f.id}`;\r\n        let method = newVersion ? \"POST\" : \"PUT\";\r\n\r\n        return this.goFetch(url, undefined, method, f)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateFixtureStatus(id: number, status: FixtureStatus): Promise<void> {\r\n        return this.goFetch(`/fixtures/${id}/status`, undefined, \"PUT\", status);\r\n    }\r\n\r\n    public deleteFixture(id: number): Promise<void> {\r\n        return this.goFetch(`/fixtures/${id}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    /**\r\n     * If demurrage id equals 0, the latest active demurrage is returned\r\n     */\r\n    public getDemurrage(fixtureId: number, demurrageId: number): Promise<IDemurrage> {\r\n        return this.goFetch(`/fixtures/${fixtureId}/ltcs/${demurrageId}`, undefined, \"GET\")\r\n            .then(_ => {\r\n                return _.status === 200 ? _.json() : undefined;\r\n            });\r\n    }\r\n\r\n    public saveDemurrage(fixtureId: number, d: IDemurrage, newVersion: boolean): Promise<IDemurrage> {\r\n        let url = newVersion ? `/fixtures/${fixtureId}/ltcs` : `/fixtures/${fixtureId}/ltcs/${d.id}`;\r\n        let method = newVersion ? \"POST\" : \"PUT\";\r\n\r\n        return this.goFetch(url, undefined, method, d)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public generateDemurrageFile(download: boolean, fixtureId: number, demurrageId: number, pageBreakBeforePortCallIds: string[], userTimeZone: string, fileType: \"pdf\" | \"xlsx\", siteId?: string, driveId?: string, folderId?: string): Promise<any> {\r\n        let url = `/fixtures/${fixtureId}/ltcs/${demurrageId}/generatePdf?download=${download ? \"true\" : \"false\"}&userTimeZone=${userTimeZone}&fileType=${fileType}&siteId=${siteId}&driveId=${driveId}&folderId=${folderId}&pageBreakBeforePortCallIds=${pageBreakBeforePortCallIds.join(\",\")}`;\r\n\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\"] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(url, undefined, \"POST\", undefined, undefined, undefined, _));\r\n    }\r\n\r\n    public deleteDemurrage(fixtureId: number, demurrageId: number): Promise<void> {\r\n        return this.goFetch(`/fixtures/${fixtureId}/ltcs/${demurrageId}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public getFixtureDocsRootFolder(fixtureId: number, libraryName: string, folderPath: string, create: boolean): Promise<any> {\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\", \"Sites.Manage.All\"] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(`/fixtures/${fixtureId}/docs/settings?libraryName=${libraryName}&folderPath=${folderPath}&create=${create}`, undefined, \"GET\", undefined, undefined, true, _))\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public uploadFile(fixtureId: number, data: FormData, siteId: string, driveId: string, folderId: string,): Promise<IDocument> {\r\n        let qParams = [\r\n            `siteId=${siteId}`,\r\n            `driveId=${driveId}`,\r\n            `folderId=${folderId}`\r\n        ];\r\n\r\n        let url = `/fixtures/${fixtureId}/docs/upload?${qParams.join(\"&\")}`;\r\n\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\"] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(url, undefined, \"POST\", data, this.getFileHeaders(), false, _))\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public deleteFile(fixtureId: number, file: IDocument, siteId: string, driveId: string, folderId: string): Promise<void> {\r\n        let qParams = [\r\n            `siteId=${siteId}`,\r\n            `driveId=${driveId}`,\r\n            `folderId=${folderId}`\r\n        ];\r\n\r\n        let url = `/fixtures/${fixtureId}/docs/${file.id}?${qParams.join(\"&\")}`;\r\n\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\"] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(url, undefined, \"DELETE\", undefined, undefined, true, _));\r\n    }\r\n    //#endregion\r\n\r\n    //#region Sof\r\n    public getSofVersions(url: string): Promise<any> {\r\n        return this.goFetch(url)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public downloadSofPdf(sofId: string): Promise<any> {\r\n        return this.goFetch(`/sof/downloadPdf/${sofId}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    public downloadStatementOfFactsfPdf(sofId: string, versionId: string): Promise<any> {\r\n        return this.goFetch(`/statementOfFacts/${sofId}/download?versionId=${versionId}`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Document Templates\r\n    public getDocumentTemplates(url: string): Promise<any> {\r\n        return this.goFetch(url)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public uploadDocumentTemplate(data: FormData, type: DocumentTemplateType): Promise<any> {\r\n        return this.goFetch(`/documentTemplates/upload?type=${type}`, undefined, \"POST\", data, this.getFileHeaders(), false);\r\n    }\r\n\r\n    public downloadDocumentTemplate(id: number): Promise<any> {\r\n        return this.goFetch(`/documentTemplates/${id}/download`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    public deleteDocumentTemplate(id: number): Promise<any> {\r\n        return this.goFetch(`/documentTemplates/${id}`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    //#region Term sets\r\n    public getTermSet(id: number): Promise<ITermSet> {\r\n        return this.goFetch(`/termSets/${id}`, undefined, \"GET\")\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveTermSet(termSet: ITermSet, isNew: boolean): Promise<ITermSet> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/termSets\" : `/termSets/${termSet.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, termSet)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteTermSet(id: number): Promise<void> {\r\n        return this.goFetch(`/termSets/${id}`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    //#region Partners\r\n    public getPartners(qParams?: string): Promise<IPartner[]> {\r\n        let url = \"/partners\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public savePartner(partner: IPartner, isNew: boolean): Promise<IPartner> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/partners\" : `/partners/${partner.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, partner)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deletePartner(partner: IPartner): Promise<void> {\r\n        return this.goFetch(`/partners/${partner.id}`, undefined, \"DELETE\", partner);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Development tasks\r\n    public getDevelopmentTasks(qParams?: string): Promise<IDevelopmentTask[]> {\r\n        let url = \"/developmentTasks\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveDevelopmentTask(task: IDevelopmentTask, isNew: boolean): Promise<IDevelopmentTask> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/developmentTasks\" : `/developmentTasks/${task.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, task)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteDevelopmentTask(task: IDevelopmentTask): Promise<void> {\r\n        return this.goFetch(`/developmentTasks/${task.id}`, undefined, \"DELETE\", task);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Persons\r\n    public getPersons(qParams?: string): Promise<IPerson[]> {\r\n        let url = \"/persons\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public savePerson(person: IPerson, isNew: boolean): Promise<IPerson> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/persons\" : `/persons/${person.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, person)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deletePerson(person: IPerson): Promise<void> {\r\n        return this.goFetch(`/persons/${person.id}`, undefined, \"DELETE\", person);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Commodities\r\n    public getCommodities(qParams?: string): Promise<ICommodity[]> {\r\n        let url = \"/commodities\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveCommodity(commodity: ICommodity, isNew: boolean): Promise<ICommodity> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/commodities\" : `/commodities/${commodity.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, commodity)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteCommodity(commodity: ICommodity): Promise<void> {\r\n        return this.goFetch(`/commodities/${commodity.id}`, undefined, \"DELETE\", commodity);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Measurements\r\n    public getMeasurements(qParams?: string): Promise<IMeasurement[]> {\r\n        let url = \"/measurements\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveMeasurement(measurement: IMeasurement, isNew: boolean): Promise<IMeasurement> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/measurements\" : `/measurements/${measurement.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, measurement)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteMeasurement(measurement: IMeasurement): Promise<void> {\r\n        return this.goFetch(`/measurements/${measurement.id}`, undefined, \"DELETE\", measurement);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Trades\r\n    public getTrades(qParams?: string): Promise<ITrade[]> {\r\n        let url = \"/trades\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveTrade(trade: ITrade, isNew: boolean): Promise<ITrade> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/trades\" : `/trades/${trade.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, trade)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteTrade(trade: ITrade): Promise<void> {\r\n        return this.goFetch(`/trades/${trade.id}`, undefined, \"DELETE\", trade);\r\n    }\r\n    //#endregion\r\n\r\n    //#region FreightTypes\r\n    public getFreightTypes(qParams?: string): Promise<IFreightType[]> {\r\n        let url = \"/freightTypes\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveFreightType(ft: IFreightType, isNew: boolean): Promise<IFreightType> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/freightTypes\" : `/freightTypes/${ft.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, ft)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteFreightType(ft: IFreightType): Promise<void> {\r\n        return this.goFetch(`/freightTypes/${ft.id}`, undefined, \"DELETE\", ft);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Berths\r\n    public getBerths(qParams?: string): Promise<IBerth[]> {\r\n        let url = \"/berths\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveBerth(berth: IBerth, isNew: boolean): Promise<IBerth> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/berths\" : `/berths/${berth.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, berth)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteBerth(berth: IBerth): Promise<void> {\r\n        return this.goFetch(`/berths/${berth.id}`, undefined, \"DELETE\", berth);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Ports\r\n    public getPorts(qParams?: string): Promise<IPort[]> {\r\n        let url = \"/ports\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public savePort(port: IPort, isNew: boolean): Promise<IPort> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/ports\" : `/ports/${port.id}`;\r\n\r\n        return this.goFetch(url, undefined, method, port)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deletePort(port: IPort): Promise<void> {\r\n        return this.goFetch(`/ports/${port.id}`, undefined, \"DELETE\", port);\r\n    }\r\n\r\n    public savePortSettings(portId: number, portSettings: IPortSettings): Promise<IPortSettings> {\r\n        return this.goFetch(`/ports/${portId}/settings`, undefined, \"PUT\", portSettings);\r\n    }\r\n\r\n    public savePortPartners(portId: number, portPartners: IPortPartner[]): Promise<IPortPartner[]> {\r\n        return this.goFetch(`/ports/${portId}/partners`, undefined, \"PUT\", portPartners);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Emails\r\n    public getEmails(qParams?: string): Promise<IEmailContainer[]> {\r\n        let url = \"/emails\";\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            })\r\n    }\r\n\r\n    public getFixtureEmails(fixtureId: number, qParams?: string): Promise<IEmailContainer[]> {\r\n        let url = `/fixtures/${fixtureId}/emails`;\r\n\r\n        url += qParams\r\n            ? qParams\r\n            : \"\";\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    // public queueEmail(email: IEmail, category: EmailCategory): Promise<IEmailContainer> {\r\n    //     let url = \"/emails/queue\";\r\n\r\n    //     return this.goFetch(url, `category=${category}`, \"POST\", email)\r\n    //         .then((_) => {\r\n    //             return _.json();\r\n    //         });\r\n    // }\r\n\r\n    public sendEmailDirect(email: IEmailSend, sendOnBehalfOf: boolean, category: EmailCategory, fixtureId?: number): Promise<IEmailContainer> {\r\n        let url = \"/emails/sendDirect\";\r\n        let scope = sendOnBehalfOf ? \"Mail.Send.Shared\" : \"Mail.Send\";\r\n\r\n        return this.msal.acquireTokenSilent({ scopes: [scope] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(url, `category=${category}${fixtureId ? `&fixtureId=${fixtureId}` : \"\"}`, \"POST\", email, undefined, undefined, _))\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public mapFixtureToEmail(emailId: number, fixtureId: number): Promise<void> {\r\n        let url = `/emails/${emailId}/map?fixtureId=${fixtureId}`;\r\n        return this.goFetch(url, undefined, \"PUT\");\r\n    }\r\n\r\n    public unmapFixtureFromEmail(emailId: number, fixtureId: number): Promise<void> {\r\n        let url = `/emails/${emailId}/unmap?fixtureId=${fixtureId}`;\r\n        return this.goFetch(url, undefined, \"PUT\");\r\n    }\r\n\r\n    public downloadEmailAttachment(emailId: number, attachmentId: number): Promise<any> {\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Files.Read\"] })\r\n            .then(_ => this.goFetch(`/emails/${emailId}/attachments/${attachmentId}/download`, undefined, undefined, undefined, undefined, undefined, _.accessToken))\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    public deleteEmail(emailId: number): Promise<any> {\r\n        return this.goFetch(`/emails/${emailId}`, undefined, \"DELETE\");\r\n    }\r\n\r\n    public cancelEmail(emailId: number): Promise<IEmailContainer> {\r\n        return this.goFetch(`/emails/${emailId}/unqueue`, undefined, \"PUT\")\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getEmailPeople(s: string, accounts: string): Promise<IEmailAddress[]> {\r\n        let url = `/emails/persons?s=${s}&accounts=${accounts}`;\r\n\r\n        return this.msal.acquireTokenSilent({ scopes: [\"People.Read\"] })\r\n            .then(_ => _.accessToken)\r\n            .then(_ => this.goFetch(url, undefined, undefined, undefined, this.unmapFixtureFromEmail, true, _))\r\n            .then(_ => _.json());\r\n    }\r\n    //#endregion\r\n\r\n    //#region Help\r\n    public downloadHelpDocument(fileId: string): Promise<any> {\r\n        return this.goFetch(`/help/documents/${fileId}/download`)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n\r\n    public sendSupportTicket(ticket: ISupportTicket): Promise<void> {\r\n        return this.goFetch(\"/help/ticket\", undefined, \"POST\", ticket);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Company\r\n    public saveCompany(c: ICompany, isNew: boolean): Promise<ICompany> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/admin/customers\" : `/admin/customers/${c.id}`;\r\n        return this.goFetch(url, undefined, method, c);\r\n    }\r\n\r\n    public saveLogReportFields(fields:ILogReportField[]): Promise<void> {\r\n        return this.goFetch(\"/logReportFields\", undefined, \"PUT\", fields);\r\n    }\r\n    //#endregion\r\n\r\n    //#region Subscription\r\n    public saveCustomerSubscription(isNew: boolean, c: ICompany, s: ICustomerSubscription): Promise<void> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? `/admin/customers/${c.id}/subscriptions` : `/admin/customers/${c.id}/subscriptions/${s.id}`;\r\n        return this.goFetch(url, undefined, method, s);\r\n    }\r\n\r\n    public getCustomerSubscription(): Promise<ICustomerSubscription> {\r\n        return this.goFetch(\"/customers/subscription\")\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteCustomerSubscription(c: ICompany, s: ICustomerSubscription): Promise<void> {\r\n        return this.goFetch(`/admin/customers/${c.id}/subscriptions/${s.id}`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    public getAdminTankStates(): Promise<IAdminTankState[]> {\r\n        return this.goFetch(`/admin/tankstates`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getAdminOvd(): Promise<ITankOvdItem[]> {\r\n        return this.goFetch(`/admin/ovd`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public getAdminSystemMessages(): Promise<ISystemMessage[]> {\r\n        return this.goFetch(`/admin/systemmessages`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveAdminSystemMessage(_: ISystemMessage, isNew: boolean): Promise<ISystemMessage> {\r\n        return this.goFetch(`/admin/systemmessages`, undefined, isNew ? 'POST' : 'PUT', _)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteAdminSystemMessage(id: string): Promise<void> {\r\n        return this.goFetch(`/admin/systemmessages?id=${id}`, undefined, 'DELETE');\r\n    }\r\n\r\n    public getSystemMessages(): Promise<ISystemMessage[]> {\r\n        return this.goFetch(`/systemmessages`)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public dismissSystemMessage(id: string): Promise<ISystemMessage[]> {\r\n        return this.goFetch(`/systemmessages/dismiss?id=${id}`);\r\n    }\r\n\r\n    //#region Documents\r\n    public downloadDocument(driveId: string, driveItemId: string): Promise<any> {\r\n        return this.msal.acquireTokenSilent({ scopes: [\"Files.Read\"] })\r\n            .then(_ => this.goFetch(`/documents/downloadFile?driveId=${driveId}&driveItemId=${driveItemId}`, undefined, undefined, undefined, undefined, undefined, _.accessToken))\r\n            .then(_ => _.json());\r\n    }\r\n    //#endregion\r\n\r\n    //#region Dwh\r\n    public downloadDwhReport(\r\n        legIds: number[],\r\n        portCallIds: number[],\r\n        from: Date,\r\n        to: Date,\r\n        vessels: IVessel[],\r\n        fromPort?: IPort,\r\n        toPort?: IPort,\r\n        port?: IPort,\r\n        invalidOnly?: boolean\r\n    ): Promise<any> {\r\n\r\n        let url = `/dwh/download?from=${from.toISOString()}&to=${to.toISOString()}`;\r\n\r\n        if (vessels && vessels.length > 0) {\r\n            url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n        }\r\n\r\n        if (fromPort) {\r\n            url += `&fromPortId=${fromPort.id}`;\r\n        }\r\n\r\n        if (toPort) {\r\n            url += `&toPortId=${toPort.id}`;\r\n        }\r\n\r\n        if (port) {\r\n            url += `&portId=${port.id}`;\r\n        }\r\n\r\n        url += `&legIds=${legIds.join(\",\")}`;\r\n        url += `&portCallIds=${portCallIds.join(\",\")}`;\r\n        url += `&isErrorOnly=${invalidOnly ? \"true\" : \"false\"}`;\r\n\r\n        return this.goFetch(url)\r\n            .then(_ => {\r\n                return _.json()\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    public getAllEmailTemplates(): Promise<IEmailTemplate[]> {\r\n        return this.goFetch(\"/EmailTemplates\")\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public saveEmailTemplate(et: IEmailTemplate, isNew: boolean): Promise<IEmailTemplate> {\r\n        let method = isNew ? \"POST\" : \"PUT\";\r\n        let url = isNew ? \"/emailtemplates\" : `/emailtemplates/${et.id}`;\r\n        return this.goFetch(url, undefined, method, et)\r\n            .then(_ => _.json());\r\n    }\r\n\r\n    //#region Laytime duration templates\r\n    public createLaytimeDurationTemplate(template: ILaytimeDurationTemplate): Promise<ILaytimeDurationTemplate> {\r\n        let url = \"/laytimeDurationTemplates\";\r\n\r\n        return this.goFetch(url, undefined, \"POST\", template)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public updateLaytimeDurationTemplate(template: ILaytimeDurationTemplate): Promise<ILaytimeDurationTemplate> {\r\n        let url = `/laytimeDurationTemplates/${template.id}`;\r\n\r\n        return this.goFetch(url, undefined, \"PUT\", template)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public deleteLaytimeDurationTemplate(template: ILaytimeDurationTemplate): Promise<void> {\r\n        let url = `/laytimeDurationTemplates/${template.id}`;\r\n        return this.goFetch(url, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n    //#region Sea routes\r\n    public getSeaRoute(vesselId: number, fromPortId: number, toPortId: number): Promise<ISeaRoute> {\r\n        let url = `/searoutes?vesselId=${vesselId}&fromPortId=${fromPortId}&toPortId=${toPortId}`;\r\n\r\n        return this.goFetch(url)\r\n            .then((_) => {\r\n                return _.json();\r\n            });\r\n    }\r\n    //#endregion\r\n\r\n    //#region Vessel image\r\n    public getVesselImage(vesselId: number): Promise<any> {\r\n        return this.goFetch(`/live/vesselImage?vesselId=${vesselId}`)\r\n            .then(_ => {\r\n                return _.json();\r\n            });\r\n    }\r\n\r\n    public uploadVesselImage(data: FormData, vesselId: number): Promise<any> {\r\n        return this.goFetch(`/vessels/${vesselId}/image`, undefined, \"POST\", data, this.getFileHeaders(), false);\r\n    }\r\n\r\n    public deleteVesselImage(vesselId: number): Promise<any> {\r\n        return this.goFetch(`/vessels/${vesselId}/image`, undefined, \"DELETE\");\r\n    }\r\n    //#endregion\r\n\r\n}","import { IPublicClientApplication } from \"@azure/msal-browser\";\r\nimport { AppSettings } from \"../appSettings\";\r\nimport { ICompanyRole } from \"../interfaces/ICompanyRole\";\r\n\r\nexport class TsApiMessage {\r\n    private msal: IPublicClientApplication;\r\n    public customerRole!: ICompanyRole;\r\n\r\n    constructor(_msal: IPublicClientApplication) {\r\n        this.msal = _msal;\r\n    }\r\n\r\n    private getHeaders(): any {\r\n        let headers: any = {\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\"\r\n        };\r\n\r\n        return headers;\r\n    }\r\n\r\n    private getApiToken(): Promise<string> {\r\n        return this.msal\r\n            .acquireTokenSilent({ scopes: [AppSettings.apiScope] })\r\n            .then((_) => {\r\n                return _.accessToken;\r\n            });\r\n    }\r\n\r\n    private goFetch(\r\n        url: string,\r\n        params?: string,\r\n        method?: string,\r\n        body?: any,\r\n        headers?: any,\r\n        stringifyBody = true\r\n\r\n    ): Promise<any> {\r\n\r\n        const completeUrl = `${AppSettings.notificationApiUrl}${url}${params ? `?${params}` : \"\"}`;\r\n\r\n        return this.getApiToken()\r\n            .then((token) => {\r\n                let _headers = headers ? headers : this.getHeaders();\r\n\r\n                // Add customer id and token headers\r\n                _headers[\"Authorization\"] = \"Bearer \" + token;\r\n\r\n                if (this.customerRole) {\r\n                    _headers[\"X-CUSTOMER-ID\"] = this.customerRole.customer.id;\r\n                }\r\n\r\n                const options: RequestInit = {\r\n                    method: method ? method : \"GET\",\r\n                    body: body && stringifyBody ? JSON.stringify(body) : body,\r\n                    headers: _headers\r\n                };\r\n\r\n                return fetch(completeUrl, options);\r\n            })\r\n            .then((_) => {\r\n                return _.ok ? Promise.resolve(_) : Promise.reject(_);\r\n            });\r\n    }\r\n\r\n    \r\n\r\n    // public test(): Promise<void> {\r\n\r\n    //     console.log(\"Hello\");\r\n        \r\n\r\n\r\n    //     return this.goFetch(\"/notifications/test\", undefined, \"GET\");\r\n    // }\r\n\r\n\r\n    // public testUpdateDwh(): Promise<void> {\r\n    //     return this.goFetch(\"/test/updateDwh\", undefined, \"GET\");\r\n    // }\r\n\r\n    // public testSetMeasurement(): Promise<void> {\r\n    //     return this.goFetch(`/test/updateMeasurements`, undefined, \"GET\");\r\n    // }\r\n\r\n    // public testSetCommodityMeasurement(): Promise<void> {\r\n    //     return this.goFetch(`/test/updateCommodityMeasurements`, undefined, \"GET\");\r\n    // }\r\n\r\n    // public testSetArrived(): Promise<void> {\r\n    //     return this.goFetch(`/sofEvents/forward`, undefined, \"POST\", {});\r\n    // }\r\n\r\n    // public testForecast(from: string): Promise<void> {\r\n    //     return this.goFetch(`/ports/4562/forecast?from=${from}`, undefined, \"GET\").then((_) => _.json());\r\n    // }\r\n\r\n    // public getMe(appVersion?: string): Promise<any> {\r\n    //     return this.goFetch(`/me${appVersion ? `?appVersion=${appVersion}` : \"\"}`).then((_) => _.json());\r\n    // }\r\n\r\n    // public updateMySettings(us: IUserSettings): Promise<IUserSettings> {\r\n    //     let method = us.id === 0 ? \"POST\" : \"PUT\";\r\n    //     return this.goFetch(\"/me/settings\", undefined, method, us).then((_) => _.json());\r\n    // }\r\n\r\n    // public setupDemo(vesselId: number): Promise<any> {\r\n    //     return this.goFetch(`/demo/setup?vesselId=${vesselId}`);\r\n    // }\r\n\r\n\r\n    // public getPortCall(id: number): Promise<PortCall> {\r\n    //     return this.goFetch(`/portcalls/${id}`)\r\n    //         .then((_) => {\r\n    //             return _.json();\r\n    //         })\r\n    //         .then(_ => {\r\n    //             return new PortCall(_);\r\n    //         });\r\n    // } \r\n}","import { AccountInfo, IPublicClientApplication } from \"@azure/msal-browser\";\r\nimport { action, makeObservable, observable } from \"mobx\";\r\nimport { createContext } from \"react\";\r\nimport { TsApi } from \"../api/TsApi\";\r\nimport { IAppMessage } from \"../interfaces/IAppMessage\";\r\nimport { ICompanyRole } from \"../interfaces/ICompanyRole\";\r\nimport { IUser } from \"../interfaces/IUser\";\r\nimport { IUserSettings } from \"../interfaces/IUserSettings\";\r\nimport { TsApiMessage } from \"../api/TsApiMessage\";\r\n\r\nexport class AppStore {\r\n    msal!: IPublicClientApplication;\r\n    account!: AccountInfo;\r\n    api!: TsApi;\r\n    apiMessage!: TsApiMessage\r\n    me!: IUser;\r\n    currentCustomerRole!: ICompanyRole\r\n    appMessage?: IAppMessage\r\n\r\n    constructor() {\r\n        makeObservable(this, {\r\n            appMessage: observable,\r\n            msal: observable,\r\n            account: observable,\r\n            me: observable,\r\n            currentCustomerRole: observable,\r\n\r\n            setAppMessage: action,\r\n            setup: action,\r\n            getMe: action,\r\n            updateRole: action,\r\n            updateSettings: action\r\n        });\r\n    }\r\n\r\n    setup = (_msal: IPublicClientApplication, _account: AccountInfo) => {\r\n        this.msal = _msal;\r\n        this.account = _account;\r\n        this.msal.setActiveAccount(_account);\r\n        this.api = new TsApi(_msal);\r\n        this.apiMessage = new TsApiMessage(_msal);\r\n    }\r\n\r\n    getMe = (appVersion?: string): Promise<any> => {\r\n        return this.api.getMe(appVersion)\r\n            .then(_ => {\r\n                this.me = _;\r\n\r\n                // Check for last selected role from localStorage\r\n                let lastCustomerId = localStorage.getItem(\"selectedCustomerId\");\r\n\r\n                if (lastCustomerId) {\r\n                    let role = this.me.customerRoles.find(_ => _.customer.id === lastCustomerId);\r\n                    role\r\n                        ? this.updateRole(role)\r\n                        : this.updateRole();\r\n                }\r\n                else {\r\n                    this.updateRole();\r\n                }\r\n\r\n                return this.me;\r\n            });\r\n    }\r\n\r\n    updateSettings = (us: IUserSettings) => {\r\n        this.me.settings = us;\r\n    }\r\n\r\n    updateRole = (role?: ICompanyRole) => {\r\n        let defaultRole = this.getDefaultRole();\r\n        let _role = role;\r\n\r\n        if (!_role) {\r\n            _role = defaultRole\r\n                ? defaultRole\r\n                : this.me.customerRoles[0];\r\n        }\r\n\r\n        this.currentCustomerRole = _role;\r\n        this.api.customerRole = _role;\r\n        localStorage.setItem(\"selectedCustomerId\", _role.customer.id);\r\n    }\r\n\r\n    setAppMessage = (appMessage?: IAppMessage) => {\r\n        this.appMessage = appMessage;\r\n    }\r\n\r\n    getDefaultRole = (): ICompanyRole | undefined => {\r\n        let r = this.me.customerRoles?.find(_ => _.isDefault);\r\n\r\n        if (r) {\r\n            return r;\r\n        }\r\n        else if (this.me.customerRoles && this.me.customerRoles.length > 0) {\r\n            return this.me.customerRoles[0];\r\n        }\r\n    }\r\n}\r\n\r\nexport default createContext(new AppStore());","import { useContext } from \"react\";\r\nimport AppStore from \"../stores/AppStore\";\r\n\r\nexport const useAppContext = () => {\r\n    var app = useContext(AppStore);\r\n    return { app };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ height?: string, barWidth?: string, barColor?: string, altBarColor?: string, stale?: boolean }>`\r\n    >div:first-child {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        height: ${_ => _.height ? _.height : \"35px\"};\r\n\r\n        >div {\r\n            width: ${_ => _.barWidth ? _.barWidth : \"6px\"};\r\n            background-color: ${_ =>\r\n                _.stale\r\n                    ? \"#ccc\"\r\n                    : _.barColor\r\n                        ? _.barColor\r\n                        : \"#333\"\r\n            }\r\n        }\r\n\r\n        >div:nth-child(3) {\r\n            background-color: ${_ =>\r\n                _.stale\r\n                    ? \"#888\"\r\n                    : _.altBarColor\r\n                        ? _.altBarColor\r\n                        : \"#5882AA\"\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Bar = styled.div<{ duration: string, stale?: boolean, defaultHeight?: string }>`\r\n    margin: 0 2px;\r\n    border-radius: 2px;\r\n    animation-name: ${_ => _.stale ? undefined : \"animateBar\"};\r\n    animation-duration: ${_ => _.duration};\r\n    animation-iteration-count: infinite;\r\n    height: ${_ => _.defaultHeight};\r\n\r\n    @keyframes animateBar {\r\n        0% {\r\n            height: 10%\r\n        }\r\n        50% {\r\n            height: 100%;\r\n        }\r\n        100% {\r\n            height: 10%\r\n        }\r\n    }\r\n`;\r\n\r\nconst Text = styled.div`\r\n    margin-top: 20px;\r\n`;\r\n//#endregion\r\n\r\nexport const AnimatedBars: React.FC<{ stale?: boolean, text?: string, height?: string, barWidth?: string, barColor?: string, altBarColor?: string }> = ({ stale, text, height, barWidth, barColor, altBarColor }) => {\r\n    return (\r\n        <Container height={height} barWidth={barWidth} barColor={barColor} altBarColor={altBarColor} stale={stale}>\r\n            <div>\r\n                <Bar duration=\".8s\" stale={stale} defaultHeight=\"100%\" />\r\n                <Bar duration=\".9s\" stale={stale} defaultHeight=\"100%\" />\r\n                <Bar duration=\"1.4s\" stale={stale} defaultHeight=\"50%\" />\r\n                <Bar duration=\"1.1s\" stale={stale} defaultHeight=\"100%\" />\r\n            </div>\r\n            {text &&\r\n                <Text>\r\n                    {text}\r\n                </Text>\r\n            }\r\n        </Container>\r\n    );\r\n};","export enum TimezoneTypes {\r\n    Utc = 1,\r\n    Port = 2,\r\n    Local = 3,\r\n    Fixed = 4\r\n}","import React, { createContext, Dispatch, useContext, useEffect, useReducer, useRef, useState } from 'react';\r\nimport { IVessel } from '../interfaces/IVessel';\r\nimport { IChatMessage } from '../interfaces/IChatMessage';\r\nimport * as signalR from \"@microsoft/signalr\";\r\nimport { AppSettings } from '../appSettings';\r\nimport { DateTime } from 'luxon';\r\nimport { HubConnectionState } from '@microsoft/signalr';\r\nimport { useAccount, useMsal } from '@azure/msal-react';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setActiveVessel\", activeVessel?: IVessel }\r\n    | { type: \"setChat\", chat?: signalR.HubConnection }\r\n    | { type: \"setChatState\", chatState: HubConnectionState }\r\n    | { type: \"addMessage\", message: IChatMessage }\r\n    | { type: \"removeMessage\", clientId: string }\r\n    | { type: \"updateMessage\", message: IChatMessage, error: boolean }\r\n    | { type: \"addVesselMessage\", message: IChatMessage }\r\n    | { type: \"setMessages\", messages?: IChatMessage[] }\r\n    | { type: \"setUnreadStatus\", hasUnreadMessages: boolean }\r\n    | { type: \"setVesselMessages\", messages?: IChatMessage[] };\r\n\r\ntype ChatData = {\r\n    activeVessel?: IVessel,\r\n    messages: IChatMessage[],\r\n    vesselMessages: IChatMessage[]\r\n    chat?: signalR.HubConnection\r\n    chatState: HubConnectionState\r\n    hasUnreadMessages: boolean\r\n}\r\n\r\ninterface IReducers {\r\n    state: ChatData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    messages: [],\r\n    vesselMessages: [],\r\n    hasUnreadMessages: false\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst ChatContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ChatData, action: ReducerAction): ChatData => {\r\n\r\n    const sortMessages = (_messages: IChatMessage[]): IChatMessage[] => {\r\n        let maxInArray = 250;\r\n        let _sorted = _messages.slice().sort((a, b) => {\r\n            return DateTime.fromJSDate(new Date(a.created)) > DateTime.fromJSDate(new Date(b.created)) ? -1 : 1;\r\n        });\r\n\r\n        return _sorted.length > maxInArray\r\n            ? _sorted.slice(0, maxInArray).reverse()\r\n            : _sorted.reverse();\r\n    }\r\n\r\n    switch (action.type) {\r\n        case \"setMessages\":\r\n            return {\r\n                ...state,\r\n                messages: sortMessages(action.messages ? [...action.messages] : [])\r\n            };\r\n        case \"setVesselMessages\":\r\n            return {\r\n                ...state,\r\n                vesselMessages: sortMessages(action.messages ? [...action.messages] : [])\r\n            };\r\n        case \"setActiveVessel\":\r\n            return {\r\n                ...state,\r\n                activeVessel: action.activeVessel\r\n            };\r\n        case \"addMessage\":\r\n            return {\r\n                ...state,\r\n                messages: sortMessages([...state.messages, action.message])\r\n            };\r\n        case \"removeMessage\":\r\n            return {\r\n                ...state,\r\n                messages: sortMessages([...state.messages.filter(_ => _.clientId !== action.clientId)]),\r\n                vesselMessages: sortMessages([...state.vesselMessages.filter(_ => _.clientId !== action.clientId)])\r\n            };\r\n        case \"updateMessage\":\r\n            let _messages = [...state.messages.filter(_ => _.clientId !== action.message.clientId)];\r\n            let _vesselMessages = [...state.vesselMessages.filter(_ => _.clientId !== action.message.clientId)];\r\n\r\n            let updatedMessage: IChatMessage = {\r\n                ...action.message,\r\n                sending: false,\r\n                error: action.error\r\n            };\r\n\r\n            return {\r\n                ...state,\r\n                messages: sortMessages([..._messages, updatedMessage]),\r\n                vesselMessages: sortMessages([..._vesselMessages, updatedMessage])\r\n            };\r\n        case \"addVesselMessage\":\r\n            return {\r\n                ...state,\r\n                vesselMessages: sortMessages([...state.vesselMessages, action.message])\r\n            };\r\n        case \"setChat\":\r\n            return {\r\n                ...state,\r\n                chat: action.chat\r\n            };\r\n        case \"setChatState\":\r\n            return {\r\n                ...state,\r\n                chatState: action.chatState\r\n            };\r\n        case \"setUnreadStatus\":\r\n            return {\r\n                ...state,\r\n                hasUnreadMessages: action.hasUnreadMessages\r\n            };\r\n    }\r\n}\r\n\r\nexport const ChatContextProvider: React.FC<{ companyId: string }> = ({ companyId, children }) => {\r\n    const { instance, accounts, inProgress } = useMsal();\r\n    const account = useAccount(accounts[0] || {});\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    const [sending, setSending] = useState(false);\r\n    const messagesRef = useRef<IChatMessage[]>();\r\n    messagesRef.current = state.messages;\r\n\r\n    const getApiToken = (): Promise<string> => {\r\n        return instance\r\n            .acquireTokenSilent({ scopes: [AppSettings.apiScope] })\r\n            .then((_) => {\r\n                return _.accessToken;\r\n            });\r\n    }\r\n\r\n    const setupConnection = async () => {\r\n        if (state.chat && state.chat.state === HubConnectionState.Disconnected) {\r\n            console.log(\"Stopping signal R connection\");\r\n            await state.chat.stop();\r\n        }\r\n\r\n        let _chat = new signalR.HubConnectionBuilder()\r\n            // .withUrl(AppSettings.notificationUrl, {\r\n\r\n            .withUrl(AppSettings.notificationUrl + `?companyId=${companyId}`, {\r\n                // accessTokenFactory: () => Promise.resolve(_token),\r\n                accessTokenFactory: () => getApiToken(),\r\n                //transport: signalR.HttpTransportType.LongPolling,\r\n                transport: signalR.HttpTransportType.WebSockets,\r\n                headers: { \"X-CUSTOMER-ID\": companyId }\r\n            })\r\n            .withAutomaticReconnect([\r\n                2000,\r\n                5000,\r\n                10000,\r\n                30000,\r\n                60000,\r\n                ...Array.from(new Array(60 * 48), () => {\r\n                    return 120000;\r\n                }),\r\n            ])\r\n            .configureLogging(signalR.LogLevel.Critical)\r\n            .build();\r\n\r\n        // Callbacks\r\n        _chat.onclose(() => {\r\n            console.log(\"Connection to nofication server closed\", DateTime.now().toString());\r\n            dispatch({ type: \"setChatState\", chatState: state.chat ? state.chat.state : HubConnectionState.Disconnected });\r\n        });\r\n\r\n        _chat.onreconnecting(() => {\r\n            console.log(\"Reconnecting to nofication server\");\r\n            dispatch({ type: \"setChatState\", chatState: state.chat ? state.chat.state : HubConnectionState.Disconnected });\r\n\r\n        });\r\n\r\n        _chat.onreconnected(() => {\r\n            console.log(\"Reconnected to notification server ok\", DateTime.now().toString());\r\n            dispatch({ type: \"setChatState\", chatState: state.chat ? state.chat.state : HubConnectionState.Disconnected });\r\n        });\r\n\r\n        // Set Chat connection\r\n        dispatch({ type: \"setChat\", chat: _chat });\r\n    }\r\n\r\n    const startConnection = async () => {\r\n        try {\r\n            dispatch({ type: \"setChatState\", chatState: state.chat ? state.chat.state : HubConnectionState.Disconnected });\r\n\r\n            console.log(\"Connecting to notification server...\");\r\n            await state.chat?.start();\r\n            console.log(\"Connected to notifiction server ok\", DateTime.now().toString());\r\n\r\n            dispatch({ type: \"setChatState\", chatState: state.chat ? state.chat.state : HubConnectionState.Disconnected });\r\n\r\n            return Promise.resolve();\r\n\r\n        } catch (error) {\r\n            console.log(\"Failed to connect to notification server\", error);\r\n            return Promise.reject();\r\n        }\r\n    }\r\n\r\n    const sendMessage = async () => {\r\n        let chatMessage = messagesRef.current?.find(_ => _.sending);\r\n\r\n        if (chatMessage) {\r\n            try {\r\n                await state.chat?.invoke(\"SendMessageToVessel\", JSON.stringify(chatMessage));\r\n                dispatch({ type: \"updateMessage\", message: chatMessage, error: false });\r\n            } catch (error) {\r\n                console.log(error);\r\n                dispatch({ type: \"updateMessage\", message: chatMessage, error: true });\r\n            }\r\n        }\r\n\r\n        setSending(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (sending) {\r\n            sendMessage();\r\n        }\r\n        else {\r\n            let queue = messagesRef.current ? messagesRef.current.filter(_ => _.sending).length : 0;\r\n            if (queue > 0) {\r\n                setSending(true);\r\n            }\r\n        }\r\n    }, [sending])\r\n\r\n    useEffect(() => {\r\n        if (!sending) {\r\n            setSending(true);\r\n        }\r\n    }, [messagesRef.current])\r\n\r\n    useEffect(() => {\r\n        if (instance && account && account.idToken) {\r\n            setupConnection();\r\n        }\r\n    }, [instance, account?.idToken, companyId])\r\n\r\n    useEffect(() => {\r\n        if (state.chat && state.chat.state === HubConnectionState.Disconnected) {\r\n            startConnection();\r\n        }\r\n    }, [state.chat]);\r\n\r\n    useEffect(() => {\r\n        return (() => {\r\n            if (state.chat && state.chat.state === HubConnectionState.Connected) {\r\n                console.log(\"Stopping\", state.chat, state.chat.state, state.chatState);\r\n                state.chat.stop();\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useChatProvider = () => {\r\n    const { state, dispatch } = ChatContext();\r\n\r\n    return {\r\n        activeVessel: state.activeVessel,\r\n        messages: state.messages,\r\n        vesselMessages: state.vesselMessages,\r\n        chat: state.chat,\r\n        chatState: state.chatState,\r\n        hasUnreadMessages: state.hasUnreadMessages,\r\n\r\n        setMessages: (messages?: IChatMessage[]) => {\r\n            dispatch({\r\n                type: \"setMessages\",\r\n                messages\r\n            });\r\n        },\r\n\r\n        setVesselMessages: (messages?: IChatMessage[]) => {\r\n            dispatch({\r\n                type: \"setVesselMessages\",\r\n                messages\r\n            });\r\n        },\r\n\r\n        setActiveVessel: (activeVessel?: IVessel) => {\r\n            dispatch({\r\n                type: \"setActiveVessel\",\r\n                activeVessel\r\n            })\r\n        },\r\n\r\n        addMessage: (message: IChatMessage) => {\r\n            dispatch({\r\n                type: \"addMessage\",\r\n                message\r\n            })\r\n        },\r\n\r\n        removeMessage: (clientId: string) => {\r\n            dispatch({\r\n                type: \"removeMessage\",\r\n                clientId\r\n            })\r\n        },\r\n\r\n        updateMessage: (message: IChatMessage, error: boolean) => {\r\n            dispatch({\r\n                type: \"updateMessage\",\r\n                message,\r\n                error\r\n            })\r\n        },\r\n\r\n        addVesselMessage: (message: IChatMessage) => {\r\n            dispatch({\r\n                type: \"addVesselMessage\",\r\n                message\r\n            })\r\n        },\r\n\r\n        setUnreadStatus: (hasUnreadMessages: boolean) => {\r\n            dispatch({\r\n                type: \"setUnreadStatus\",\r\n                hasUnreadMessages\r\n            })\r\n        }\r\n    };\r\n}","export const useRest = () => {\r\n    const isForbidden = (error: any) => {\r\n        try {\r\n            if (error && error.status && error.status === 403) {\r\n                return true;\r\n            }\r\n        }\r\n        catch { }\r\n\r\n        return false;\r\n    }\r\n\r\n    const getError = async (error: any): Promise<string> => {\r\n        console.log(\"Raw error\", error);\r\n\r\n        try {\r\n            if (error && error.status) {\r\n                try {\r\n                    let _ = await error.json();\r\n                    console.log(\"Json error\", _);\r\n\r\n                    if (typeof (_) == \"string\") {\r\n                        return _;\r\n                    }\r\n\r\n                    let msg = \"Error: \" + _.status + \". \" + Object.values(_.errors).map((element: any) => {\r\n                        return element[0];\r\n                    }).join(\", \");\r\n\r\n                    console.log(\"Error msg\", msg);\r\n\r\n                    return msg;\r\n                } catch (ex) {\r\n                    console.log(\"Unable to parse error\", ex);\r\n                }\r\n\r\n                switch (error.status) {\r\n                    case 403:\r\n                        return \"Permission denied\";\r\n                    case 404:\r\n                        return \"Not found\";\r\n                }\r\n            }\r\n            else if (error) {\r\n                if (typeof (error) == \"string\") {\r\n                    return error;\r\n                }\r\n                else {\r\n                    try {\r\n                        return error.toString();\r\n                    } catch (error) {\r\n                        return \"An error occured. Please try again.\";\r\n                    }\r\n                }\r\n            }\r\n            return \"An error occured. Please try again.\";\r\n        }\r\n        catch {\r\n            return \"An error occured. Please try again.\";\r\n        }\r\n    }\r\n\r\n    return { isForbidden, getError };\r\n};","import React, { createContext, Dispatch, useContext, useEffect, useReducer } from 'react';\r\nimport { TimezoneTypes } from '../_enums/TimezoneTypes';\r\nimport { IUser } from '../interfaces/IUser';\r\nimport { ICompanyRole } from '../interfaces/ICompanyRole';\r\nimport { useAccount, useMsal } from '@azure/msal-react';\r\nimport { TsApi } from '../api/TsApi';\r\n\r\ntype ReducerAction =\r\n    | { type: \"toggleAutoHideMenu\" }\r\n    | { type: \"setMenuHasFocus\", menuHasFocus: boolean }\r\n    | { type: \"setCurrentCompanyRole\", role?: ICompanyRole }\r\n    | { type: \"setApi\", api: TsApi }\r\n    | { type: \"setUser\", user: IUser };\r\n\r\ntype AppData = {\r\n    user: IUser,\r\n    api: TsApi,\r\n    menuHasFocus: boolean\r\n    autoHideMenu: boolean\r\n    currentCompanyRole?: ICompanyRole\r\n}\r\n\r\ninterface IReducers {\r\n    state: AppData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    user: undefined,\r\n    autoHideMenu: false,\r\n    menuHasFocus: false,\r\n    timezoneType: TimezoneTypes.Port\r\n    // currentCompanyRole: \r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst AppContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: AppData, action: ReducerAction): AppData => {\r\n    switch (action.type) {\r\n        case \"setUser\":\r\n            return {\r\n                ...state,\r\n                user: action.user\r\n            };\r\n        case \"setApi\":\r\n            return {\r\n                ...state,\r\n                api: action.api\r\n            };\r\n        case \"toggleAutoHideMenu\":\r\n            return {\r\n                ...state,\r\n                autoHideMenu: !state.autoHideMenu\r\n            };\r\n        case \"setMenuHasFocus\":\r\n            return {\r\n                ...state,\r\n                menuHasFocus: action.menuHasFocus\r\n            };\r\n        case \"setCurrentCompanyRole\":\r\n            return {\r\n                ...state,\r\n                currentCompanyRole: action.role\r\n            };\r\n    }\r\n}\r\n\r\nexport const AppContextProvider: React.FC<{ user: IUser }> = ({ user, children }) => {\r\n    const { instance, accounts, inProgress } = useMsal();\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    const account = useAccount(accounts[0] || {});\r\n\r\n    const getDefaultRole = (): ICompanyRole | undefined => {\r\n        let r = user.customerRoles?.find(_ => _.isDefault);\r\n\r\n        if (r) {\r\n            return r;\r\n        }\r\n        else if (user.customerRoles && user.customerRoles.length > 0) {\r\n            return user.customerRoles[0];\r\n        }\r\n    }\r\n\r\n    const setCurrentCompanyRole = () => {\r\n        // Check for last selected role from localStorage\r\n        let lastCustomerId = localStorage.getItem(\"selectedCustomerId\");\r\n\r\n        if (lastCustomerId) {\r\n            let role = user.customerRoles.find(_ => _.customer.id === lastCustomerId);\r\n            dispatch({ type: \"setCurrentCompanyRole\", role: role ? role : getDefaultRole() });\r\n        }\r\n        else {\r\n            dispatch({ type: \"setCurrentCompanyRole\", role: getDefaultRole() });\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (user) {\r\n            // Set user and role\r\n            dispatch({ type: \"setUser\", user });\r\n            setCurrentCompanyRole();\r\n\r\n            // Set api\r\n            // dispatch({ type: \"setApi\", api: new TsApi(instance) });\r\n        }\r\n    }, [user])\r\n\r\n    // useEffect(() => {\r\n    //     if (state.api) {\r\n    //         instance.setActiveAccount(account);\r\n    //     }\r\n    // }, [state.api])\r\n\r\n    //if (!state.user || !state.api) {\r\n    if (!state.user) {\r\n        return (\r\n            <div>\r\n                Unable to determine logged in user. Refresh the browser og contact support if the problem persists.\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useAppProvider = () => {\r\n    const { state, dispatch } = AppContext();\r\n\r\n    return {\r\n        user: state.user,\r\n        api: state.api,\r\n        autoHideMenu: state.autoHideMenu,\r\n        menuHasFocus: state.menuHasFocus,\r\n        fixedTimezone: state.user.settings?.fixedTimezone,\r\n        timezoneType: state.user.settings && state.user.settings.timezoneType ? state.user.settings.timezoneType : TimezoneTypes.Port,\r\n        currentCompanyRole: state.currentCompanyRole,\r\n\r\n        setUser: (user: IUser) => {\r\n            dispatch({\r\n                type: \"setUser\",\r\n                user\r\n            });\r\n        },\r\n\r\n        toggleAutoHideMenu: () => {\r\n            dispatch({\r\n                type: \"toggleAutoHideMenu\"\r\n            });\r\n        },\r\n\r\n        setMenuHasFocus: (menuHasFocus: boolean) => {\r\n            dispatch({ type: \"setMenuHasFocus\", menuHasFocus })\r\n        },\r\n\r\n        setCurrentCompanyRole: (role?: ICompanyRole) => {\r\n            dispatch({ type: \"setCurrentCompanyRole\", role })\r\n        }\r\n    };\r\n}","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DefaultButton, IButtonProps } from \"@fluentui/react\";\r\n\r\nconst Container = styled.div<{ bgColor?: string }>`\r\n    button {\r\n        background-color: ${_ => _.bgColor};\r\n        color: ${_ => _.color};\r\n\r\n        span {\r\n            font-weight: 400;\r\n        }\r\n    }\r\n`;\r\n\r\nexport const AppButton: FC<{ props: IButtonProps, bgColor?: string, color?: string }> = ({ props, bgColor, color }) => {\r\n    return (\r\n        <Container bgColor={bgColor} color={color} >\r\n            <DefaultButton {...props} />\r\n        </Container>\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport { IButtonProps } from \"@fluentui/react\";\r\nimport { AppButton } from \"./AppButton\";\r\n\r\nexport const AppDefaultButton: FC<IButtonProps> = (props) => {\r\n    return (\r\n        <AppButton props={props} />\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport { IButtonProps } from \"@fluentui/react\";\r\nimport { AppButton } from \"./AppButton\";\r\n\r\nexport const AppPrimaryButton: FC<IButtonProps> = (props) => {\r\n    return (\r\n        <AppButton\r\n            props={props}\r\n            bgColor={props.disabled ? \"#f3f2f1\" : \"#354052\"}\r\n            color={props.disabled ? \"#a19f9d\" : \"white\"}\r\n        />\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContextualMenu, Dialog, DialogType } from \"@fluentui/react\";\r\nimport { IMenuItem } from \"../../interfaces/IMenuItem\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { AppDefaultButton } from \"../inputs/AppDefaultButton\";\r\nimport { AppPrimaryButton } from \"../inputs/AppPrimaryButton\";\r\n\r\n//#region Styled Components\r\nconst StyledDialog = styled(Dialog)`\r\n    >div:nth-child(2) {\r\n        >div:nth-child(2) {\r\n            >div:nth-child(1) {\r\n                /* Header */\r\n                >div:nth-child(1) {\r\n                    background-color: #222c3d;\r\n                    margin-bottom: 15px;\r\n                                        \r\n                    >div {\r\n                        color: white;\r\n                        button {\r\n                            color: white;\r\n                        }\r\n                    }\r\n\r\n                    /* Title */\r\n                    >div:first-child {\r\n                        padding: 20px 46px 22px 30px;\r\n                        font-weight: 400;\r\n                    }\r\n\r\n                    /* Close icon */\r\n                    >div:last-child {\r\n                        padding: 22px 25px 0px 0px\r\n                    }\r\n                }\r\n            }\r\n        }   \r\n    }\r\n\r\n    .body {\r\n        padding: 0 5px;\r\n    }\r\n`;\r\n\r\nconst Buttons = styled.div`\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        flex-grow: 1;\r\n        display: flex;\r\n        \r\n        >div {\r\n            margin: 4px;\r\n            font-size: 20px;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n\r\n        >div {\r\n            margin: 4px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IAppDialogProps {\r\n    open: boolean\r\n    title: string\r\n    subText?: string\r\n    commit?: () => void\r\n    working?: boolean\r\n    cancel: () => void\r\n    cancelText?: string\r\n    okText?: string\r\n    children?: any\r\n    commitDisabled?: () => boolean\r\n    layerBackground?: string,\r\n    actions?: IMenuItem[]\r\n}\r\n\r\nexport const AppDialog: FC<IAppDialogProps> = ({ open, title, subText, commit, working, cancel, cancelText, okText, children, commitDisabled, layerBackground, actions }) => {\r\n    return (\r\n        <StyledDialog\r\n            styles={{\r\n                main: {\r\n                    minHeight: \"unset\",\r\n                }\r\n            }}\r\n            hidden={!open}\r\n            onDismiss={cancel}\r\n            dialogContentProps={{\r\n                showCloseButton: true,\r\n                type: DialogType.normal,\r\n                title,\r\n                subText\r\n            }}\r\n            modalProps={{\r\n                overlay: {\r\n                    styles: {\r\n                        root: {\r\n                            backgroundColor: layerBackground\r\n                        }\r\n                    }\r\n                },\r\n                dragOptions: {\r\n                    moveMenuItemText: 'Move',\r\n                    closeMenuItemText: 'Close',\r\n                    menu: ContextualMenu,\r\n                    keepInBounds: true,\r\n                }\r\n            }}\r\n        >\r\n            <div className=\"body\">\r\n                {children}\r\n            </div>\r\n            <div>\r\n                {working\r\n                    ?\r\n                    <div style={{ height: \"40px\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}>\r\n                        <AnimatedBars height=\"20px\" />\r\n                    </div>\r\n                    :\r\n                    <Buttons>\r\n                        <div>\r\n                            {actions?.map(_ => {\r\n                                return (\r\n                                    <div key={_.id} title={_.title} onClick={() => {\r\n                                        if (_.onClick) {\r\n                                            _.onClick();\r\n                                        }\r\n                                    }}>\r\n                                        {_.icon}\r\n                                    </div>\r\n                                );\r\n                            })}\r\n                        </div>\r\n                        <div>\r\n                            {commit &&\r\n                                <AppPrimaryButton\r\n                                    text={okText ? okText : \"Ok\"}\r\n                                    disabled={commitDisabled ? commitDisabled() : false}\r\n                                    onClick={commit}\r\n                                />\r\n                            }\r\n                            <AppDefaultButton\r\n                                text={cancelText ? cancelText : \"Cancel\"}\r\n                                onClick={cancel}\r\n                            />\r\n                        </div>\r\n                    </Buttons>\r\n                }\r\n            </div>\r\n        </StyledDialog>\r\n    );\r\n}","import { faExclamationCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport React, { CSSProperties, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { IAppMessage } from \"../../interfaces/IAppMessage\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isError: boolean }>`\r\n    position: fixed;\r\n    z-index: 1000001;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    color: white;\r\n    background-color: ${_ => _.isError ? \"rgb(255 87 87 / 95%)\" : \"rgb(46, 105 ,185, .95)\"};\r\n    border: ${_ => _.isError ? \"1px solid red\" : undefined};\r\n    max-width: calc(100vw - 50px);\r\n    box-shadow: 0 0 2px #aaa;\r\n    cursor: pointer;\r\n    border-radius: 4px;\r\n    overflow-y: hidden;\r\n    width: fit-content;\r\n    max-width: 600px;\r\n    bottom: 80px;\r\n    max-height: calc(100vh - 50px);\r\n    transition: bottom .25s ease, max-height .1s ease .1s;\r\n    display: flex;\r\n    padding: 18px 28px;\r\n    font-size: 14px;\r\n    \r\n    @media (max-width: 480px) {\r\n        max-width: calc(100vw - 60px);\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    overflow: hidden;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    font-weight: 500;\r\n    font-size: 18px;\r\n    margin-bottom: 4px;\r\n`;\r\n\r\nconst IconContainer = styled.div<{ hasTitle: boolean }>`\r\n    margin-right: ${_ => _.hasTitle ? \"26px\" : \"10px\"};\r\n    display: flex;\r\n    align-items: center;   \r\n    font-size: ${_ => _.hasTitle ? \"32px\" : undefined};\r\n`;\r\n//#endregion\r\n\r\nconst hide: CSSProperties = {\r\n    bottom: \"-60px\",\r\n    maxHeight: \"10px\",\r\n    transition: \"max-height .2s ease, bottom .2s ease .15s\"\r\n}\r\n\r\nexport const AppMessage: React.FC = observer(() => {\r\n    const { app } = useAppContext();\r\n    const [message, setMessage] = useState<IAppMessage | undefined>();\r\n\r\n    const clearMessage = () => {\r\n        app.setAppMessage();\r\n    }\r\n\r\n    useEffect(() => {\r\n        let timeOut: any;\r\n\r\n        if (app.appMessage) {\r\n            setMessage(app.appMessage);\r\n\r\n            timeOut = setTimeout(() => {\r\n                clearMessage();\r\n\r\n            }, app.appMessage.ttl ? app.appMessage.ttl : 4000);\r\n        }\r\n\r\n        return (() => {\r\n            clearTimeout(timeOut);\r\n        });\r\n    }, [app.appMessage])\r\n\r\n    return (\r\n        <Container\r\n            title=\"Dismiss message\"\r\n            style={app.appMessage ? undefined : hide}\r\n            onClick={clearMessage}\r\n            isError={app.appMessage?.isError ? true : false}\r\n        >\r\n            {message?.isError\r\n                ?\r\n                <IconContainer hasTitle={message?.title ? true : false}>\r\n                    <FontAwesomeIcon icon={faExclamationCircle} />\r\n                </IconContainer>\r\n                :\r\n                <>\r\n                    {message?.icon &&\r\n                        <IconContainer hasTitle={message?.title ? true : false}>\r\n                            {message?.icon}\r\n                        </IconContainer>\r\n                    }\r\n                </>\r\n            }\r\n            <Body>\r\n                {message?.title &&\r\n                    <Title>\r\n                        {message.title}\r\n                    </Title>\r\n                }\r\n                <div>\r\n                    {message?.text}\r\n                </div>\r\n            </Body>\r\n        </Container>\r\n    );\r\n});","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDev } from \"../../hooks/useDev\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: fixed;\r\n    background-color: rgb(255 52 52 / 95%);\r\n    left: 50%;\r\n    transform: translate(-50%, 50%);\r\n    bottom: -50px;\r\n    z-index: 6;\r\n    padding: 12px 45px;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    color: white;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    animation: animatePosition .75s forwards .5s ease-in-out;\r\n    box-shadow: 0 0 20px rgb(0, 0, 0, .5);\r\n\r\n    >div {\r\n        text-align: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        font-weight: 800;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    @keyframes animatePosition {\r\n        50% {\r\n            bottom: 100px;\r\n        }\r\n        90% {\r\n            border-radius: 4px;\r\n            padding: 12px 45px;\r\n        }\r\n        100% {\r\n            bottom: 0;\r\n            border-radius: 4px 4px 0 0;\r\n            transform: translate(-50%, 0);\r\n            border-bottom: unset;\r\n            padding: 12px 45px 10px;\r\n            box-shadow: unset;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DevMessage = () => {\r\n    const { isDev, isLocalhost } = useDev();\r\n\r\n    if(isLocalhost || !isDev) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                Dev and test environment\r\n            </div>\r\n            <div>\r\n                Data may be refreshed at any time\r\n            </div>\r\n        </Container>\r\n    );\r\n};","export enum DurationUnitTypes {\r\n    MilliSeconds = 0,\r\n    Seconds = 1,\r\n    Minutes = 2,\r\n    Hours = 3,\r\n    Days = 4,\r\n}","export const useDev = () => {\r\n    const isDev = window.location.origin !== \"https://operations.theship.no\" && window.location.origin !== \"https://theshipappsoperations.azurewebsites.net\";\r\n    const isLocalhost = window.location.origin.indexOf(\"localhost\") >= 0;\r\n\r\n    return { isDev, isLocalhost };\r\n};","import { useEffect } from \"react\";\r\n\r\nconst useOutsideClick = (ref: any, callback: () => void) => {\r\n    const handleClick = (e: any) => {\r\n        if (ref.current && !ref.current.contains(e.target)) {\r\n            callback();\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        document.addEventListener(\"click\", handleClick);\r\n        return () => {\r\n            document.removeEventListener(\"click\", handleClick);\r\n        };\r\n    }, [ref]);\r\n};\r\n\r\nexport default useOutsideClick;","import { DateTime, Duration, DurationLike, DurationObjectUnits, ToRelativeUnit } from \"luxon\";\r\nimport { DurationUnitTypes } from \"../_enums/DurationUnitTypes\";\r\nimport { ITime } from \"../interfaces/demurrage/ITime\";\r\nimport { TimezoneTypes } from \"../_enums/TimezoneTypes\";\r\nimport { useAppProvider } from \"../contextHooks/AppContext\";\r\n\r\nexport const useDateFunctions = () => {\r\n    const { timezoneType, fixedTimezone } = useAppProvider();\r\n\r\n    const toDateString = (date?: Date, timeZone?: string, short: boolean = false, dateOnly: boolean = false, showSeconds: boolean = false, dateTimeSplit: string = \" @ \"): string => {\r\n        if (!date) {\r\n            return \"\";\r\n        }\r\n\r\n        let _date = timeZone\r\n            ? DateTime.fromJSDate(new Date(date), { zone: timeZone })\r\n            : DateTime.fromJSDate(new Date(date));\r\n\r\n        if (dateOnly) {\r\n            return short\r\n                ? _date.toFormat(\"dd.MM.yy\")\r\n                : _date.toFormat(\"ccc dd MMM. yyyy\");\r\n        }\r\n\r\n        return short\r\n            ? _date.toFormat(\"dd.MM.yy\") + dateTimeSplit + _date.toFormat(\"HH:mm\")\r\n            : showSeconds\r\n                ? _date.toFormat(\"ccc dd MMM. yyyy\") + dateTimeSplit + _date.toFormat(\"HH:mm:ss\")\r\n                : _date.toFormat(\"ccc dd MMM. yyyy\") + dateTimeSplit + _date.toFormat(\"HH:mm\");\r\n    }\r\n\r\n    const toTimeString = (date?: Date, timeZone?: string, showSeconds: boolean = false): string => {\r\n        if (!date) {\r\n            return \"\";\r\n        }\r\n\r\n        let _date = timeZone\r\n            ? DateTime.fromJSDate(new Date(date), { zone: timeZone })\r\n            : DateTime.fromJSDate(new Date(date));\r\n\r\n        return showSeconds\r\n            ? _date.toFormat(\"HH:mm:ss\")\r\n            : _date.toFormat(\"HH:mm\");\r\n    }\r\n\r\n    const convertStringToDate = (s?: string): Date | undefined => {\r\n        if (!s) {\r\n            return;\r\n        }\r\n\r\n        var split = s.trim().split(/\\/|\\.|-|,| /).map(_ => {\r\n            if (_.trim().length > 0) {\r\n                return _;\r\n            }\r\n        }).filter(_ => _);\r\n\r\n        // Get numbers and strings\r\n        let strings = split.filter(_ => isNaN(Number(_)));\r\n        let numbers = split.filter(_ => !strings.includes(_)).map(_ => Number(_));\r\n\r\n        let day;\r\n        let month;\r\n        let year = DateTime.now().year;\r\n        let monthIsString = false;\r\n\r\n        if (strings.length > 0) {\r\n            monthIsString = true;\r\n            month = strings[0]!.length >= 3 ? strings[0]?.substring(0, 3) : strings[0];\r\n        }\r\n\r\n        // Set day\r\n        if (numbers.length > 0) {\r\n            // Day is the first numeric value\r\n            day = numbers[0];\r\n        }\r\n\r\n        // Set month\r\n        if (numbers.length > 1) {\r\n            if (month) {\r\n                // Month is set\r\n                year = numbers[1];\r\n            }\r\n            else {\r\n                month = numbers[1];\r\n            }\r\n        }\r\n\r\n        if (numbers.length > 2) {\r\n            year = numbers[2];\r\n        }\r\n\r\n        let dateFormat = monthIsString ? \"d MMM yy H m s\" : \"d M yy H m s\";\r\n        let dateString = `${day} ${month} ${year} 0 0 0`;\r\n        let date = DateTime.fromFormat(dateString, dateFormat, { zone: undefined });\r\n\r\n        return date.isValid ? date.toJSDate() : undefined;\r\n    }\r\n\r\n    const isBewteenDates = (date?: Date, from?: Date, to?: Date): boolean => {\r\n        if (!date || !from || !to) {\r\n            return false;\r\n        }\r\n\r\n        let d = DateTime.fromJSDate(new Date(date));\r\n        let f = DateTime.fromJSDate(new Date(from));\r\n        let t = DateTime.fromJSDate(new Date(to));\r\n\r\n        if (d >= f && d <= t) {\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const getDuration = (from?: Date, to?: Date, setSecondsToZero: boolean = false, unit: keyof DurationObjectUnits = \"milliseconds\") => {\r\n        if (!from || !to) {\r\n            return 0;\r\n        }\r\n\r\n        let f = DateTime.fromJSDate(new Date(from));\r\n        let t = DateTime.fromJSDate(new Date(to));\r\n\r\n\r\n        if (setSecondsToZero) {\r\n            f = f.set({ second: 0, millisecond: 0 });\r\n            t = t.set({ second: 0, millisecond: 0 });\r\n        }\r\n\r\n        return t.diff(f).as(unit);\r\n    }\r\n\r\n    const getDurationString = (milliSeconds?: number, showSeconds: boolean = false, fullText: boolean = false, showMinutes: boolean = true): string => {\r\n        let d = Duration.fromMillis(milliSeconds ? milliSeconds : 0);\r\n\r\n        let dayTxt = fullText ? \" days\" : \"d\";\r\n        let hourTxt = fullText ? \" hours\" : \"h\";\r\n        let minuteTxt = fullText ? \" minutes\" : \"m\";\r\n        let secondTxt = fullText ? \" seconds\" : \"s\";\r\n\r\n        let timeArray = d.toFormat(\"d h m s\").split(\" \");\r\n        let timeString = \"\";\r\n\r\n        if (timeArray[0] !== \"0\") {\r\n            timeString = timeArray[0] + `${dayTxt}, `;\r\n        }\r\n\r\n        if (timeArray[1] !== \"0\") {\r\n            timeString += timeArray[1] + `${hourTxt}, `;\r\n        }\r\n\r\n        let s = showMinutes\r\n            ? showSeconds\r\n                ? timeString += timeArray[2] + `${minuteTxt}, ` + timeArray[3] + secondTxt\r\n                : timeString += timeArray[2] + minuteTxt\r\n            : timeString.substring(0, timeString.length - 2);\r\n\r\n        // Remove all minus except the first one\r\n        if (s.startsWith(\"-\")) {\r\n            s = \"-\" + s.substring(1).replaceAll(\"-\", \"\");\r\n        }\r\n\r\n        return s;\r\n    }\r\n\r\n    const convertDurationToMilliseconds = (unit: DurationUnitTypes, duration: number): number => {\r\n        switch (unit) {\r\n            case DurationUnitTypes.MilliSeconds:\r\n                return Duration.fromObject({ milliseconds: duration }).as(\"milliseconds\");\r\n            case DurationUnitTypes.Seconds:\r\n                return Duration.fromObject({ seconds: duration }).as(\"milliseconds\");\r\n            case DurationUnitTypes.Minutes:\r\n                return Duration.fromObject({ minutes: duration }).as(\"milliseconds\");\r\n            case DurationUnitTypes.Hours:\r\n                return Duration.fromObject({ hours: duration }).as(\"milliseconds\");\r\n            case DurationUnitTypes.Days:\r\n                return Duration.fromObject({ days: duration }).as(\"milliseconds\");\r\n            default:\r\n                return 0;\r\n        }\r\n    }\r\n\r\n    const getTimeFromString = (s?: string): ITime | undefined => {\r\n        if (!s) {\r\n            return undefined;\r\n        }\r\n\r\n        let isNumerbersOnly = true;\r\n        let hour: number | undefined;\r\n        let minute: number | undefined;\r\n\r\n        // Split by colon, whitespace or dot if any\r\n        let split = s.trim().split(/[:| |.]/).map(_ => {\r\n            if (_.trim().length > 0) {\r\n                return _;\r\n            }\r\n        }).filter(_ => _);\r\n\r\n        // Check that all are number\r\n        split.forEach(_ => {\r\n            var r = /^\\d+$/;;\r\n            if (!_ || !r.test(_)) {\r\n                isNumerbersOnly = false;\r\n            }\r\n        });\r\n\r\n        if (!isNumerbersOnly) {\r\n            return undefined;\r\n        }\r\n\r\n        if (split.length === 2) {\r\n            // Get hour and minute based on array\r\n            hour = Number(split[0]);\r\n            minute = Number(split[1]);\r\n        }\r\n        else if (s.length >= 3) {\r\n            // Get hour and minute based length. No colon\r\n            hour = Number(s.substring(0, s.length - 2));\r\n            minute = Number(s.substring(s.length - 2));\r\n        }\r\n        else {\r\n            // Unvalid time format\r\n            return undefined;\r\n        }\r\n\r\n        // Validate hour and minute\r\n        if (hour < 0 || hour > 23 || minute < 0 || minute > 59) {\r\n            return undefined;\r\n        }\r\n\r\n        return {\r\n            hour,\r\n            minute\r\n        };\r\n    }\r\n\r\n    const makeDateObject = (date: Date, timeZone?: string): DateTime => {\r\n        return DateTime.fromJSDate(new Date(date), { zone: timeZone });\r\n    }\r\n\r\n    const relativeDateString = (date?: Date, useRelativeIfLessThan?: DurationLike, timezone?: string, short?: boolean, showSeconds?: boolean, dateOnly?: boolean) => {\r\n        if (!date) {\r\n            return \"\";\r\n        }\r\n\r\n        let d = makeDateObject(date);\r\n\r\n        if (useRelativeIfLessThan) {\r\n            let d2 = DateTime.now().minus(useRelativeIfLessThan);\r\n            if (d.diff(d2).as(\"milliseconds\") < 0) {\r\n                return toDateString(date, timezone, short, dateOnly, showSeconds);\r\n            }\r\n        }\r\n\r\n        let s = d.toRelative({ locale: \"en-US\" });\r\n        return s ? s : \"?\";\r\n    }\r\n\r\n    const resolveTimeZone = (portTimezone?: string) => {\r\n        if (timezoneType === TimezoneTypes.Fixed && fixedTimezone) {\r\n            return fixedTimezone;\r\n        }\r\n\r\n        if (timezoneType === TimezoneTypes.Local) {\r\n            return DateTime.now().zoneName;\r\n        }\r\n\r\n        if (timezoneType === TimezoneTypes.Port) {\r\n            return portTimezone ? portTimezone : DateTime.now().zoneName;\r\n        }\r\n\r\n        return \"UTC\";\r\n    }\r\n\r\n    const isDatesEqual = (date1?: Date, date2?: Date) => {\r\n        if (date1 && date2) {\r\n            if (makeDateObject(date1).equals(makeDateObject(date2))) {\r\n                return true;\r\n            }\r\n        }\r\n        else if(date1 === undefined && date2 === undefined) {\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    return { convertStringToDate, convertDurationToMilliseconds, getDuration, getDurationString, getTimeFromString, makeDateObject, isDatesEqual, isBewteenDates, relativeDateString, resolveTimeZone, toDateString, toTimeString };\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport useOutsideClick from \"../../hooks/useOutsideClick\";\r\nimport { DefaultButton, PrimaryButton } from \"@fluentui/react\";\r\nimport { faUserSlash } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { ICustomerSubscription } from \"../../interfaces/ICustomerSubscription\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100vh;\r\n    width: 100vw;\r\n    background-color: rgb(0, 0, 0, .4);\r\n    position: fixed;\r\n    z-index: 1000001;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .s-link {\r\n        color: #4177bf;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n        \r\n        :hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n`;\r\n\r\nconst InnerContainer = styled.div`\r\n    background-color: white;\r\n    padding: 30px 40px 30px;\r\n    border-radius: 6px;\r\n    max-width: 550px;\r\n\r\n    >div:first-child {\r\n        font-size: 24px;\r\n        font-weight: 100;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        font-size: 14px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    >div:last-child {\r\n        text-align: right;\r\n        margin: 0 -5px;\r\n\r\n        button {\r\n            margin: 0 5px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface ISubscriptionMessage {\r\n    header: string,\r\n    txt: any,\r\n    show: boolean\r\n};\r\n\r\nexport const CompanySubscription = () => {\r\n    const { app } = useAppContext();\r\n    const history = useNavigate();\r\n    const { getError } = useRest();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const [subscription, setSubscription] = useState<ICustomerSubscription | undefined>();\r\n    const [message, setMessage] = useState<ISubscriptionMessage>({ header: \"\", txt: \"\", show: false });\r\n    const containerRef = useRef(null);\r\n    let checkInterval: any = null;\r\n\r\n    const checkSubscription = async () => {\r\n        try {\r\n            let s = await app.api.getCustomerSubscription();\r\n            setSubscription(s);\r\n        }\r\n        catch (error: any) {\r\n            console.log(await getError(error));\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setTimeout(() => {\r\n            checkSubscription();\r\n        }, 6000);\r\n\r\n        checkInterval = setInterval(() => {\r\n            checkSubscription();\r\n        }, 1000 * 60 * 60 * 4)\r\n\r\n        return (() => {\r\n            clearInterval(checkInterval);\r\n        });\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (!subscription) {\r\n            return;\r\n        }\r\n\r\n        // Check for valid subscription\r\n        if (!subscription.isValid) {\r\n            setMessage({\r\n                header: \"Subscription expired\",\r\n                txt: <span>\r\n                    Your subscription is expired and your account will close shortly. Contact <a title=\"Send mail to support\" className=\"s-link\" href=\"mailto:post@theship.no?subject=Subscription expired\">support</a> to ensure that you don't lose access to your data and account.\r\n                    <br /><br />\r\n                    Data will be available for export through our API's for 60 days after expiration date before they are permenantly deleted.\r\n                </span>,\r\n                show: true\r\n            });\r\n            return;\r\n        }\r\n\r\n        // Check if subscription expires soon\r\n        var expiresIn = makeDateObject(subscription.validTo!).diffNow().as(\"days\");\r\n        if (expiresIn < 14.5) {\r\n            setMessage({\r\n                header: \"Subscription expires soon\",\r\n                txt: `Your subscription ends in ${expiresIn.toFixed(0)} days. Contact support to ensure that you don't lose access to your data and account.`,\r\n                show: true\r\n            });\r\n        }\r\n    }, [subscription])\r\n\r\n    useOutsideClick(containerRef, () => {\r\n        if (subscription && subscription.isValid) {\r\n            setMessage({ ...message, show: false });\r\n        }\r\n    });\r\n\r\n    if (!subscription) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container style={{ display: message.show ? \"flex\" : \"none\" }}>\r\n            <InnerContainer ref={containerRef}>\r\n                <div>\r\n                    <FontAwesomeIcon icon={faUserSlash} /> {message.header}\r\n                </div>\r\n                <div>\r\n                    {message.txt}\r\n                </div>\r\n                <div>\r\n                    {subscription.isValid &&\r\n                        <>\r\n                            <PrimaryButton\r\n                                text=\"Contact support\"\r\n                                onClick={ev => {\r\n                                    ev.stopPropagation();\r\n                                    setMessage({ ...message, show: false });\r\n                                    history(\"/help/form?s=Subscription\");\r\n                                }}\r\n                            />\r\n                            <DefaultButton\r\n                                text=\"Close\"\r\n                                onClick={ev => {\r\n                                    ev.stopPropagation();\r\n                                    setMessage({ ...message, show: false });\r\n                                }}\r\n                            />\r\n                        </>\r\n                    }\r\n                </div>\r\n            </InnerContainer>\r\n        </Container>\r\n    );\r\n};","import { useEffect } from \"react\";\r\nimport { ISignalRMessage } from \"../interfaces/ISignalRMessage\";\r\nimport { HubConnectionState } from \"@microsoft/signalr\";\r\nimport { useChatProvider } from \"../contextHooks/ChatContext\";\r\n\r\nconst useMessages = (method: string, callBack: (m: ISignalRMessage, data?: any) => void, data?: any): void => {\r\n    const { chat } = useChatProvider();\r\n\r\n    const callBackAction = (m: ISignalRMessage) => {\r\n        callBack(m, data);\r\n    };\r\n\r\n    const register = () => {\r\n        if (!chat) {\r\n            return;\r\n        }\r\n        else if (chat.state === HubConnectionState.Connected) {\r\n            // console.log(\"Registering\", method);\r\n            chat.on(method, callBackAction);\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        // console.log(\"Chat state changed\", chat?.state);\r\n\r\n        if (chat && chat.state === HubConnectionState.Connected) {\r\n            register();\r\n        }\r\n        // else {\r\n        //     console.log(\"Not registering\", method);\r\n        // }\r\n\r\n        return () => {\r\n            // console.log(\"Unregistering\", method);\r\n            chat?.off(method, callBackAction);\r\n        };\r\n    }, [chat?.state]);\r\n};\r\n\r\nexport default useMessages;\r\n","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { PortCall } from '../classes/PortCall';\r\nimport { ICargo } from '../interfaces/ICargo';\r\nimport { IFlow } from '../interfaces/IFlow';\r\nimport { IPortCallPerformance } from '../interfaces/IPortCallPerformance';\r\nimport { ISof } from '../interfaces/ISof';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setPortCall\", portCall: PortCall }\r\n    | { type: \"setCargo\", cargo: ICargo[] }\r\n    | { type: \"setPerformance\", performance: IPortCallPerformance }\r\n    | { type: \"setSof\", sof: ISof[] }\r\n    | { type: \"setFlow\", flow: IFlow }\r\n    | { type: \"setForecastOpen\", forecastOpen: boolean };\r\n\r\ntype PortCallAndTemplates = {\r\n    portCall: PortCall\r\n    cargo: ICargo[]\r\n    flow: IFlow\r\n    sof: ISof[]\r\n    performance: IPortCallPerformance\r\n    forecastOpen: boolean\r\n}\r\n\r\ninterface IReducers {\r\n    state: PortCallAndTemplates,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    forecastOpen: false\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst usePortCallContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: PortCallAndTemplates, action: ReducerAction): PortCallAndTemplates => {\r\n    switch (action.type) {\r\n        case \"setPortCall\":\r\n            return {\r\n                ...state,\r\n                portCall: action.portCall\r\n            };\r\n        case \"setCargo\":\r\n            return {\r\n                ...state,\r\n                cargo: action.cargo\r\n            };\r\n        case \"setPerformance\":\r\n            return {\r\n                ...state,\r\n                performance: action.performance\r\n            };\r\n        case \"setFlow\":\r\n            return {\r\n                ...state,\r\n                flow: action.flow\r\n            };\r\n        case \"setSof\":\r\n            return {\r\n                ...state,\r\n                sof: action.sof\r\n            };\r\n        case \"setForecastOpen\":\r\n            return {\r\n                ...state,\r\n                forecastOpen: action.forecastOpen\r\n            };\r\n    }\r\n}\r\n\r\nexport const PortCallContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const usePortCallProvider = () => {\r\n    const { state, dispatch } = usePortCallContext();\r\n\r\n    return {\r\n        portCall: state.portCall,\r\n        cargo: state.cargo,\r\n        performance: state.performance,\r\n        flow: state.flow,\r\n        sof: state.sof,\r\n        forecastOpen: state.forecastOpen,\r\n        timeZone: state.portCall?.port.timeZone,\r\n\r\n        setPortCall: (portCall: PortCall) => {\r\n            dispatch({\r\n                type: \"setPortCall\",\r\n                portCall\r\n            })\r\n        },\r\n        setCargo: (cargo: ICargo[]) => {\r\n            dispatch({\r\n                type: \"setCargo\",\r\n                cargo\r\n            })\r\n        },\r\n        setPerformance: (performance: IPortCallPerformance) => {\r\n            dispatch({\r\n                type: \"setPerformance\",\r\n                performance\r\n            })\r\n        },\r\n        setFlow: (flow: IFlow) => {\r\n            dispatch({\r\n                type: \"setFlow\",\r\n                flow\r\n            })\r\n        },\r\n        setSof: (sof: ISof[]) => {\r\n            dispatch({\r\n                type: \"setSof\",\r\n                sof\r\n            })\r\n        },\r\n        setForecastOpen: (forecastOpen: boolean) => {\r\n            dispatch({\r\n                type: \"setForecastOpen\",\r\n                forecastOpen\r\n            })\r\n        }\r\n    };\r\n}","import { Spinner } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n\r\nconst SpinnerComponent = styled(Spinner)`\r\n    >div {\r\n        border-width: 3px;\r\n        width: 60px;\r\n        height: 60px;\r\n        border-color: #023e58 #dfdfdf #dfdfdf;\r\n    }\r\n`;\r\n\r\nconst Text = styled.div`\r\n    color: #023e58;\r\n    margin-top: 20px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    letter-spacing: .5px;\r\n`;\r\n\r\nexport const LoadingSpinner: React.FC<{ text?: any, hideSpinner?: boolean }> = ({ text, hideSpinner }) => {\r\n    return (\r\n        <Container>\r\n            <div>\r\n                {!hideSpinner &&\r\n                    <SpinnerComponent />\r\n                }\r\n                {text &&\r\n                    <Text>\r\n                        {text}\r\n                    </Text>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst CircleWrap = styled.div<{ size: number }>`\r\n    width: ${p => p.size}px;\r\n    height: ${p => p.size}px;\r\n    background: #e6e2e7;\r\n    border-radius: 50%;\r\n    position: relative;\r\n`;\r\n\r\nconst Circle = styled.div``;\r\n\r\nconst MaskFull = styled.div<{ size: number, percent: number }>`\r\n    width: ${p => p.size}px;\r\n    height: ${p => p.size}px;\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    clip: rect(0px, ${p => p.size}px, ${p => p.size}px, ${p => (p.size / 2)}px);\r\n    transform: rotate(${p => p.percent}deg);\r\n    animation: animationKeyFrames ease-in-out 1s;\r\n\r\n    @keyframes animationKeyFrames {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(\"${p => p.percent}deg\"); }\r\n    }\r\n`;\r\n\r\nconst MaskHalf = styled.div<{ size: number }>`\r\n    width: ${p => p.size}px;\r\n    height: ${p => p.size}px;\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    clip: rect(0px, ${p => p.size}px, ${p => p.size}px, ${p => (p.size / 2)}px);\r\n`;\r\n\r\nconst Fill = styled.div<{ color?: string, size: number, percent: number }>`\r\n    background-color: ${p => p.color ? p.color : \"#1aa5f6\"};\r\n    width: inherit;\r\n    height: inherit;\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    clip: rect(0px, ${p => (p.size / 2)}px, ${p => p.size}px, 0);\r\n    transform: rotate(${p => p.percent}deg);\r\n    animation: animationKeyFrames ease-in-out 1s;\r\n\r\n    @keyframes animationKeyFrames {\r\n        0% { transform: rotate(0deg); }\r\n        100% { transform: rotate(\"${p => p.percent}deg\"); }\r\n    }\r\n`;\r\n\r\nconst InsideCircle = styled.div<{ fontSize: string, size: number }>`\r\n    width: calc(${p => p.size}px - 8px);\r\n    height: calc(${p => p.size}px - 8px);\r\n    //line-height: calc(${p => p.size}px - 8px);\r\n    line-height: calc(${p => p.size}px - 6px);\r\n    border-radius: 50%;\r\n    background: white;\r\n    text-align: center;\r\n    margin-top: 4px;\r\n    margin-left: 4px;\r\n    position: absolute;\r\n    z-index: 100;\r\n    font-weight: 700;\r\n    font-size: ${p => p.fontSize};\r\n`;\r\n//#endregion\r\n\r\nexport const CirclePercent: React.FC<{ text: string, fontSize: string, size: number, percent: number, color?: string }> = ({ text, fontSize, size, percent, color }) => {\r\n\r\n    let _percent = (180 / 100) * percent;\r\n\r\n    return (\r\n        <CircleWrap size={size}>\r\n            <Circle>\r\n                <MaskFull size={size} percent={_percent}>\r\n                    <Fill color={color} size={size} percent={_percent} />\r\n                </MaskFull>\r\n                <MaskHalf size={size}>\r\n                    <Fill color={color} size={size} percent={_percent} />\r\n                </MaskHalf>\r\n                <InsideCircle size={size} fontSize={fontSize}>\r\n                    {text}\r\n                </InsideCircle>\r\n            </Circle>\r\n        </CircleWrap >\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { CirclePercent } from \"../../circle/Circle\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    color: #999;\r\n    font-size: 11px;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    display: flex;\r\n    align-items: center;\r\n    margin-left: 5px;\r\n`;\r\n\r\ninterface IPcPerformanceProps {\r\n    percent: number\r\n    title:string\r\n    color: string\r\n}\r\n//#endregion\r\n\r\nexport const PcPerformance: React.FC<IPcPerformanceProps> = ({ percent, title, color }) => {\r\n    return (\r\n        <Component>\r\n            <CirclePercent\r\n                percent={percent}\r\n                fontSize=\"12px\"\r\n                size={44}\r\n                text={`${percent.toFixed(0)}%`}\r\n                color={color}\r\n            />\r\n            <Title>\r\n                {title}\r\n            </Title>\r\n        </Component>\r\n    );\r\n};","export const useStringFunctions = () => {\r\n    const toLowerWithCapitalLetter = (s?: string): string => {\r\n        return s\r\n            ? s.substring(0, 1).toUpperCase() + (s.length > 1 ? s.substring(1).toLowerCase() : \"\")\r\n            : \"\";\r\n    }\r\n\r\n    const toCapitalLetters = (s?: string): string => {\r\n        if (!s) {\r\n            return \"\";\r\n        }\r\n\r\n        return s.split(\" \").map(_ => {\r\n            return _.substring(0, 1).toUpperCase() + (_.length > 1 ? _.substring(1).toLowerCase() : \"\");\r\n        }).join(\" \");\r\n    }\r\n\r\n    const toCamlCase = (s?: string, removeSpecialCharacters?: boolean): string => {\r\n        if (!s) {\r\n            return \"\";\r\n        }\r\n\r\n        let temp = s;\r\n\r\n        if (removeSpecialCharacters) {\r\n            temp = temp.replace(/[^a-zA-Z0-9 ]/g, \"\");\r\n        }\r\n\r\n        return toCapitalLetters(temp).replaceAll(\" \", \"\");\r\n    }\r\n\r\n    const convertBase64ToArrayBuffer = (base64: string) => {\r\n        try {\r\n            var binaryString = window.atob(base64);\r\n            var binaryLen = binaryString.length;\r\n            var bytes = new Uint8Array(binaryLen);\r\n\r\n            for (var i = 0; i < binaryLen; i++) {\r\n                var ascii = binaryString.charCodeAt(i);\r\n                bytes[i] = ascii;\r\n            }\r\n            return bytes;\r\n\r\n        } catch (error) {\r\n            console.log(error);\r\n            return null;\r\n        }\r\n    }\r\n\r\n    const splitCamlCase = (s?: string, separator?: string) => {\r\n        if (!s || s.length < 2) {\r\n            return;\r\n        }\r\n\r\n        // Convert the first letter to uppercase;\r\n        s = s.substring(0, 1).toUpperCase() + s.substring(1, s.length);\r\n\r\n        separator = separator ?? \" \";\r\n\r\n        let _s = s\r\n            .replace(/([A-Z])/g, `${separator}$1`)\r\n            .replace(/^./, function (str) { return str.toUpperCase(); });\r\n\r\n        return _s.substring(separator.length);\r\n    }\r\n\r\n    const splitBy = (s: string, regEx: RegExp): string[] => {\r\n        return s.split(regEx).filter(_ => _.trim().length > 0);\r\n    }\r\n\r\n    const getPropertyNameAsString = <T>(obj: any): T => {\r\n        return new Proxy(obj, {\r\n            get(_, key) {\r\n                return key;\r\n            }\r\n        });\r\n    }\r\n\r\n    const convertStringToNumArray = (delimiter: string, s?: string): number[] => {\r\n        let nums: number[] = [];\r\n\r\n        if (s) {\r\n            s.split(delimiter).forEach(_ => {\r\n                nums.push(Number(_));\r\n            });\r\n        }\r\n\r\n        return nums;\r\n    }\r\n\r\n    const isEmpty = (s?: string) => {\r\n        return s && s.trim().length > 0 ? false : true;\r\n    }\r\n\r\n    return { convertBase64ToArrayBuffer, convertStringToNumArray, getPropertyNameAsString, isEmpty, splitBy, splitCamlCase, toCamlCase, toLowerWithCapitalLetter, toCapitalLetters };\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IWeatherForecast } from \"../../interfaces/IWeatherForecast\";\r\n\r\nexport const useWeatherForecast = (from: Date, portId?: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    var fromString = makeDateObject(from).toUTC().toFormat(\"yyyy-MM-dd HH:mm:ss\");\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(portId ? `/ports/${portId}/forecast?from=${fromString}` : null, {\r\n        dedupingInterval: 1000 * 60 * 30,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let forecast: IWeatherForecast[] = data ? data : undefined;\r\n\r\n    return { forecast, error, isValidating, mutate };\r\n};","import { Link } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\n\r\nexport const AppToLink = styled(Link)`\r\n    color: #4177bf;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n\r\nexport const AppExternalLink = styled.a<{ color?: string }>`\r\n    color: ${_ => _.color ? _.color : \"#4177bf\"};\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n\r\nexport const AppSpanLink = styled.span`\r\n    color: #4177bf;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        text-decoration: underline;\r\n    }\r\n`;","export const useUrlParams = () => {\r\n\r\n    const getUrlParam = (name: string) => {\r\n        let urlSearch = new URLSearchParams(window.location.search);\r\n        let value = urlSearch.get(name);\r\n\r\n        return value ? value : undefined;\r\n    }\r\n\r\n    return { getUrlParam };\r\n};","export const useNavigation = () => {\r\n    const getNavigationName = (course: number | undefined, fullName?: boolean): string | undefined => {\r\n        if (course === undefined || course < 0 || course > 360) {\r\n            return \"Not valid\";\r\n        }\r\n\r\n        // North East\r\n        if (course >= 22.5 && course < 67.5) {\r\n            return fullName ? \"North East\" : \"NE\";\r\n        }\r\n\r\n        // East\r\n        if (course >= 67.5 && course < 112.5) {\r\n            return fullName ? \"East\" : \"E\";\r\n        }\r\n\r\n        // South East\r\n        if (course >= 112.5 && course < 157.5) {\r\n            return fullName ? \"South East\" : \"SE\";\r\n        }\r\n\r\n        // South\r\n        if (course >= 157.5 && course < 202.5) {\r\n            return fullName ? \"South\" : \"S\";\r\n        }\r\n\r\n        // South West\r\n        if (course >= 202.5 && course < 247.5) {\r\n            return fullName ? \"South West\" : \"SW\";\r\n        }\r\n\r\n        // West\r\n        if (course >= 247.5 && course < 292.5) {\r\n            return fullName ? \"West\" : \"W\";\r\n        }\r\n\r\n        // North West\r\n        if (course >= 292.5 && course < 337.5) {\r\n            return fullName ? \"North West\" : \"NW\";\r\n        }\r\n\r\n        // North West\r\n        return fullName ? \"North\" : \"N\";\r\n    };\r\n\r\n    const convertDEGToDMSString = (lat: boolean, deg?: number,): string => {\r\n        if (!deg) {\r\n            return \"n/a\";\r\n        }\r\n\r\n        var absolute = Math.abs(deg);\r\n        var degrees = Math.floor(absolute);\r\n        var minutesNotTruncated = (absolute - degrees) * 60;\r\n        var minutes = Math.floor(minutesNotTruncated);\r\n        var seconds = ((minutesNotTruncated - minutes) * 60).toFixed(2);\r\n\r\n        if (lat) {\r\n            var direction = deg >= 0 ? \"N\" : \"S\";\r\n        } else {\r\n            var direction = deg >= 0 ? \"E\" : \"W\";\r\n        }\r\n\r\n        return degrees + \"° \" + minutes + \"' \" + seconds + \"\\\" \" + direction;\r\n    };\r\n\r\n    return { getNavigationName, convertDEGToDMSString };\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { DefaultButton, IButtonProps, Panel, PanelType, PrimaryButton } from \"@fluentui/react\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div<{ working?: boolean, titleBgColor?: string }>`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-rows: auto 1fr auto;\r\n    \r\n    .app-modal-header {\r\n        background-color: ${_ => _.titleBgColor ? _.titleBgColor : \"#222c3d\"} ;\r\n        color: white;\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        \r\n        .app-modal-title {\r\n            padding: 20px 0 20px 30px;\r\n\r\n            .title {\r\n                display: grid;\r\n                font-size: 22px;\r\n                display: grid;\r\n                grid-template-columns: auto 1fr;\r\n\r\n                .icon {\r\n                    margin-right: 15px;\r\n                }\r\n\r\n                .text {\r\n                    overflow-x: hidden;\r\n                    white-space: nowrap;\r\n                    text-overflow: ellipsis;\r\n                }\r\n            }\r\n\r\n            .sub-title {\r\n                padding-top: 5px;\r\n                font-size: 12px;\r\n                color: #ccc;\r\n            }\r\n        }\r\n\r\n        .app-modal-dismiss {\r\n            font-size: 24px;\r\n            padding: 19px 30px 0 15px;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .app-modal-content {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .app-modal-footer {\r\n        display: grid;\r\n        grid-template-columns: ${_ => _.working ? \"1fr\" : \"repeat(2, 1fr)\"} ;\r\n        border-top: 1px solid #ddd;\r\n        background-color: #fafafa;\r\n        padding: 0 35px;\r\n        height: 80px;\r\n\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .actions {\r\n            margin: 0 -14px;\r\n\r\n            >div {\r\n                margin: 0 14px;\r\n            }\r\n        }\r\n\r\n        .buttons {\r\n            justify-content: flex-end;\r\n            margin: 0 -5px;\r\n\r\n            button {\r\n                margin: 0 5px;\r\n            }\r\n        }\r\n\r\n        .working {\r\n            justify-content: center;\r\n        }\r\n    }\r\n`;\r\n\r\nconst SubHeader = styled.div<{ disabled?: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    margin: 0 0 16px 0;\r\n\r\n    >div:first-child {\r\n        display: flex;\r\n\r\n        .border {\r\n            display: flex;\r\n            padding: 7px 4px 5px 0;\r\n\r\n            >div {\r\n                width: 8px;\r\n                background-color: #4177bf;\r\n            }\r\n        }\r\n\r\n        .title {\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        display: flex;\r\n    }\r\n\r\n    ${_ => _.disabled\r\n        ? css`\r\n            >div:first-child {\r\n                .border {\r\n                    >div {\r\n                        background-color: #ccc;\r\n                    }\r\n                }\r\n\r\n                .title {\r\n                    text-decoration: line-through;\r\n                    text-decoration-color: rgb(0, 0, 0, .4);\r\n                }\r\n            }\r\n        `: undefined\r\n    }\r\n`;\r\n\r\nconst SubHeaderAction = styled.div<{ disabled?: boolean }>`\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 12px;\r\n    border-right: 1px solid #eee;\r\n    border-radius: 4px;\r\n\r\n    :last-child {\r\n        border: none;\r\n    }\r\n\r\n    :hover {\r\n        box-shadow: 0 0 4px #ccc;\r\n    }\r\n`;\r\n\r\nconst FooterAction = styled.div<{ disabled?: boolean }>`\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    margin: 0 5px;\r\n    font-size: 22px;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: 100%;\r\n`;\r\n\r\nconst ErrorMessage = styled.div`\r\n    background-color: #ffd4d4;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #ff4c4c;\r\n`;\r\n\r\nconst WarningMessage = styled.div`\r\n    background-color: #ffffe1;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #bbb;\r\n`;\r\n\r\nconst SuccessMessage = styled.div`\r\n    background-color: #dff5df;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #42af50;\r\n`;\r\n//#endregion\r\n\r\ninterface IAppPanel {\r\n    title?: any\r\n    subTitle?: any\r\n    titleBgColor?: string\r\n    working?: boolean\r\n    loading?: boolean\r\n    isOpen: boolean\r\n    dismiss: () => void\r\n    children: any\r\n    panelType?: PanelType\r\n    customWidth?: string\r\n    icon?: JSX.Element\r\n    isLightDismiss?: boolean\r\n    errorMessage?: any\r\n    warningMessage?: any\r\n    successMessage?: any\r\n    layerBackground?: string\r\n    noHeader?: boolean\r\n    footerButtons?: IPageAction[]\r\n    footerActions?: IPageAction[],\r\n}\r\n\r\nexport const AppPanelNew: React.FC<IAppPanel> = ({ title, subTitle, titleBgColor, working, loading, icon, isOpen, panelType, customWidth, footerButtons, footerActions, dismiss, noHeader, children, errorMessage, warningMessage, successMessage, layerBackground, isLightDismiss = true }) => {\r\n    return (\r\n        <Panel\r\n            isBlocking={true}\r\n            isLightDismiss={isLightDismiss}\r\n            isOpen={isOpen}\r\n            onDismiss={dismiss}\r\n            isFooterAtBottom={true}\r\n            type={panelType}\r\n            customWidth={customWidth}\r\n            onRenderNavigation={() => {\r\n                return null;\r\n            }}\r\n            overlayProps={{\r\n                isDarkThemed: true,\r\n                styles: {\r\n                    root: {\r\n                        backgroundColor: layerBackground,\r\n                    }\r\n                }\r\n            }}\r\n            onRenderBody={() => {\r\n                return (loading\r\n                    ?\r\n                    <Loading>\r\n                        <AnimatedBars />\r\n                    </Loading>\r\n                    :\r\n                    <Body working={working} titleBgColor={titleBgColor}>\r\n                        {!noHeader &&\r\n                            <div className=\"app-modal-header\">\r\n                                <div className=\"app-modal-title\">\r\n                                    <div className=\"title\">\r\n                                        {icon &&\r\n                                            <div className=\"icon\">\r\n                                                {icon}\r\n                                            </div>\r\n                                        }\r\n                                        <div className=\"text\">\r\n                                            {title}\r\n                                        </div>\r\n                                    </div>\r\n                                    {subTitle &&\r\n                                        <div className=\"sub-title\">\r\n                                            {subTitle}\r\n                                        </div>\r\n                                    }\r\n                                </div>\r\n                                <div className=\"app-modal-dismiss\" onClick={dismiss} title=\"Close panel\">\r\n                                    <FontAwesomeIcon icon={faTimes} />\r\n                                </div>\r\n                            </div>\r\n                        }\r\n\r\n                        <div className=\"app-modal-content\">\r\n                            {errorMessage &&\r\n                                <ErrorMessage>\r\n                                    {errorMessage}\r\n                                </ErrorMessage>\r\n                            }\r\n                            {warningMessage &&\r\n                                <WarningMessage>\r\n                                    {warningMessage}\r\n                                </WarningMessage>\r\n                            }\r\n                            {successMessage &&\r\n                                <SuccessMessage>\r\n                                    {successMessage}\r\n                                </SuccessMessage>\r\n                            }\r\n\r\n                            {children}\r\n                        </div>\r\n\r\n                        {((footerButtons && footerButtons.length > 0) || (footerActions && footerActions.length > 0) || working) &&\r\n                            <div className=\"app-modal-footer\">\r\n                                {working\r\n                                    ?\r\n                                    <div className=\"working\">\r\n                                        <AnimatedBars height=\"25px\" />\r\n                                    </div>\r\n                                    :\r\n                                    <>\r\n                                        <div className=\"actions\">\r\n                                            {footerActions?.map((_, i) => {\r\n                                                return (\r\n                                                    <FooterAction\r\n                                                        title={_.title}\r\n                                                        disabled={_.disabled}\r\n                                                        key={`Action_${i}`}\r\n                                                        onClick={() => {\r\n                                                            if (!_.disabled && _.onClick) {\r\n                                                                _.onClick();\r\n                                                            }\r\n                                                        }}\r\n                                                    >\r\n                                                        {_.icon}\r\n                                                    </FooterAction>\r\n                                                );\r\n                                            })}\r\n                                        </div>\r\n                                        <div className=\"buttons\">\r\n                                            {footerButtons?.map((_, i) => {\r\n                                                let props: IButtonProps = {\r\n                                                    text: _.title,\r\n                                                    onClick: _.onClick,\r\n                                                    disabled: _.disabled,\r\n                                                    iconProps: { iconName: _.iconName }\r\n                                                };\r\n\r\n                                                let btn = _.type && _.type === \"Primary\"\r\n                                                    ? <PrimaryButton title={_.hoverTitle} key={`FooterButton_${i}`} {...props} />\r\n                                                    : <DefaultButton key={`FooterButton_${i}`} {...props} />;\r\n\r\n                                                return btn;\r\n                                            })}\r\n\r\n                                        </div>\r\n                                    </>\r\n                                }\r\n                            </div>\r\n                        }\r\n                    </Body>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport const AppPanelSubHeaderNew: React.FC<{ title: string, disabled?: boolean, actions?: IPageAction[] }> = ({ title, disabled, actions }) => {\r\n    return (\r\n        <SubHeader disabled={disabled}>\r\n            <div>\r\n                <div className=\"border\">\r\n                    <div />\r\n                </div>\r\n                <div className=\"title\">\r\n                    {title}\r\n                </div>\r\n            </div>\r\n            {actions &&\r\n                <div>\r\n                    {actions && actions.map((_, i) => {\r\n                        return _.render\r\n                            ? _.render()\r\n                            : (\r\n                                <SubHeaderAction\r\n                                    title={_.title}\r\n                                    disabled={_.disabled}\r\n                                    key={`Action_${i}`}\r\n                                    onClick={() => {\r\n                                        if (!_.disabled && _.onClick) {\r\n                                            _.onClick();\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    {_.icon}\r\n                                </SubHeaderAction>\r\n                            );\r\n                    })}\r\n                </div>\r\n            }\r\n        </SubHeader>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { faArrowDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { useWeatherForecast } from \"../../../api/hooks/useWeatherForecast\";\r\nimport { AnimatedBars } from \"../../../blocks/animatedBars/AnimatedBars\";\r\nimport { AppExternalLink } from \"../../../blocks/appLink/AppLink\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useUrlParams } from \"../../../globalHooks/useUrlParams\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useNavigation } from \"../../../hooks/useNavigation\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    cursor: pointer;\r\n    \r\n    >div:first-child {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n\r\n        >div:last-child {\r\n            padding-left: 2px;\r\n            color: #888;\r\n            font-size: 10px;\r\n            letter-spacing: .5px;\r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n    }\r\n\r\n    .weather-icon {\r\n        padding-right: 5px;\r\n        height: 35px;\r\n    }\r\n`;\r\n\r\nconst ForecastItem = styled.div`\r\n    display: flex;\r\n    border-bottom: 1px solid #ddd;\r\n    padding: 18px 30px;\r\n\r\n    .weather-symbol {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        img {\r\n            height: 35px;\r\n        }\r\n    }\r\n\r\n    .forecast {\r\n        flex-grow: 1;\r\n        margin: 0 20px;\r\n\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-top: 2px;\r\n            font-size: 12px;\r\n\r\n            svg {\r\n                margin-right: 4px;\r\n                font-size: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .date-time {\r\n        .time {\r\n            font-size: 16px;\r\n            color: #aaa;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .date {\r\n            margin-top: 2px;\r\n            font-size: 11px;\r\n            font-weight: 900;\r\n            color: #666;\r\n            text-transform: uppercase;\r\n        }\r\n    }\r\n\r\n    :last-child {\r\n        border: none;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcWeather = () => {\r\n    const { portCall, setForecastOpen, forecastOpen } = usePortCallProvider();\r\n    const { forecast, isValidating } = useWeatherForecast(DateTime.utc().startOf(\"hour\").toJSDate(), portCall.port.id);\r\n    const { makeDateObject, resolveTimeZone, toTimeString, toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getNavigationName } = useNavigation();\r\n    const { getUrlParam } = useUrlParams();\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n    const history = useNavigate();\r\n    const location = useLocation();\r\n\r\n    useEffect(() => {\r\n        let showWeather = getUrlParam(\"weather\");\r\n        if (showWeather) {\r\n            setForecastOpen(true);\r\n        }\r\n    }, []);\r\n\r\n    if (isValidating) {\r\n        return (\r\n            <div>\r\n                <AnimatedBars\r\n                    height=\"16px\"\r\n                    barWidth=\"4px\"\r\n                    barColor=\"#bbb\"\r\n                    altBarColor=\"#666\"\r\n                />\r\n            </div>\r\n        );\r\n    }\r\n\r\n    if (!forecast || forecast.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Component\r\n                title={`Weather forecast for ${toDateString(forecast[0].time, tz, true)} ${tz}`}\r\n                onClick={() => setForecastOpen(true)}\r\n            >\r\n                <div>\r\n                    <img className=\"weather-icon\" src={`/img/weather/${forecast[0].symbol}.svg`} />\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        {forecast[0].airTemperature.toFixed(0)} &deg;C\r\n                    </div>\r\n                    <div>\r\n                        Weather\r\n                    </div>\r\n                </div>\r\n            </Component>\r\n\r\n            <AppPanelNew\r\n                title={<span><span style={{ fontWeight: 100 }}>Forecast</span> {toCapitalLetters(portCall.port.name)}</span>}\r\n                subTitle={<span>Weather data from <AppExternalLink color=\"#789fd3\" target=\"_blank\" href=\"https://www.met.no/en\">MET Norway</AppExternalLink>.</span>}\r\n                isOpen={forecastOpen}\r\n                customWidth=\"360px\"\r\n                panelType={PanelType.custom}\r\n                dismiss={() => {\r\n                    history(location.pathname);\r\n                    setForecastOpen(false);\r\n                }}\r\n                icon={<img style={{ height: \"30px\" }} src={`/img/weather/${forecast[0].symbol}.svg`} />}\r\n                footerButtons={[\r\n                    {\r\n                        title: \"Cancel\",\r\n                        onClick: () => setForecastOpen(false)\r\n                    }\r\n                ]}\r\n            >\r\n                {forecast.map(_ => {\r\n                    return (\r\n                        <ForecastItem\r\n                            key={`ForecastItem_${_.id}`}\r\n                            title={`Forecast for ${toDateString(_.time, tz)} (${tz})`}\r\n                        >\r\n                            <div className=\"weather-symbol\">\r\n                                <img className=\"weather-icon\" src={`/img/weather/${_.symbol}.svg`} />\r\n                            </div>\r\n                            <div className=\"forecast\">\r\n                                <div>\r\n                                    {_.airTemperature.toFixed(0)}&deg; Celsius\r\n                                </div>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faArrowDown} style={{ transform: `rotateZ(${_.windFromDirection}deg)` }} /> {_.windSpeed.toFixed(0)} m/s from {getNavigationName(_.windFromDirection, true)}\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"date-time\">\r\n                                <div className=\"time\">\r\n                                    {toTimeString(_.time, tz)}\r\n                                </div>\r\n                                <div className=\"date\">\r\n                                    {makeDateObject(_.time, tz).toFormat(\"MMM. dd\")}\r\n                                </div>\r\n                            </div>\r\n                        </ForecastItem>\r\n                    );\r\n                })}\r\n            </AppPanelNew>\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ animated?: boolean }>`\r\n    position: relative;\r\n    border-radius: 4px;\r\n`;\r\n\r\nconst IconAndText = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst IconContainer = styled.div<{ color?: string }>`\r\n    font-size: 24px;\r\n    color: #555;\r\n    padding-right: 10px;\r\n`;\r\n\r\nconst TextContainer = styled.div<{ color?: string }>`\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n\r\n    >div:first-child {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n        font-size: 14px;\r\n    }\r\n\r\n    >div:last-child {\r\n        padding-left: 2px;\r\n        color: #888;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        text-transform: uppercase;\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Detail: React.FC<{ desc: string, value?: any, title?: string, color?: string, icon?: JSX.Element }> = ({ desc, value, title, color, icon }) => {\r\n    return (\r\n        <Container title={title}>\r\n            <IconAndText>\r\n                {icon &&\r\n                    <IconContainer color={color}>\r\n                        <div>\r\n                            {icon}\r\n                        </div>\r\n                    </IconContainer>\r\n                }\r\n                <TextContainer color={color}>\r\n                    <div>\r\n                        {value}\r\n                    </div>\r\n                    <div>\r\n                        {desc}\r\n                    </div>\r\n                </TextContainer>\r\n            </IconAndText>\r\n        </Container>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faAnchor, faDollyFlatbed, faRoute, faRunning, faShip, faStopwatch } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { PortCallStatus } from \"../../../_enums/PortCallStatus\";\r\nimport { PcPerformance } from \"./PcPerformance\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { PcWeather } from \"./PcWeather\";\r\nimport { Detail } from \"../../../blocks/detail/Detail\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    display: flex;\r\n    margin: -8px 16px -8px 16px;\r\n\r\n    >div {\r\n        margin: 0 16px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcDetails: React.FC = observer(() => {\r\n    const { app } = useAppContext();\r\n    const { portCall, performance } = usePortCallProvider();\r\n    const { getDurationString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [duration, setDuration] = useState(\"\");\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n\r\n    const percentBerthed = () => {\r\n        return (performance.minutesBerthed / performance.minutesTotal) * 100;\r\n    }\r\n\r\n    const percentAnchored = () => {\r\n        return (performance.minutesAnchored / performance.minutesTotal) * 100;\r\n    }\r\n\r\n    useEffect(() => {\r\n        let interval: any = null;\r\n\r\n        if (portCall.arrived) {\r\n            setDuration(getDurationString(portCall.totalDuration));\r\n            interval = setInterval(() => {\r\n                setDuration(getDurationString(portCall.totalDuration));\r\n            }, 15 * 1000);\r\n        }\r\n        else {\r\n            setDuration(\"Not started\");\r\n        }\r\n\r\n        return (() => {\r\n            clearInterval(interval);\r\n        });\r\n    }, [performance]);\r\n\r\n    if (!app.currentCustomerRole) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Component>\r\n            {app.currentCustomerRole.customer.customerType !== \"ShippingCompany\" &&\r\n                <Detail\r\n                    desc=\"Operator\"\r\n                    value={portCall.customer.name}\r\n                    icon={<FontAwesomeIcon icon={faDollyFlatbed} />}\r\n                />\r\n            }\r\n            <Detail\r\n                desc=\"Voyage\"\r\n                value={companyUsesVoyageReference ? portCall.voyage.reference : portCall.voyage.voyageNumber.toString()}\r\n                icon={<FontAwesomeIcon icon={faRoute} />}\r\n            />\r\n            <Detail\r\n                desc=\"Vessel\"\r\n                value={toCapitalLetters(portCall.vessel.name)}\r\n                icon={<FontAwesomeIcon icon={faShip} />}\r\n            />\r\n            <Detail\r\n                desc=\"Reason for calls\"\r\n                value={portCall.reasonForCalls && portCall.reasonForCalls.length > 0 ? portCall.reasonForCalls.map(_ => _.name).join(\", \") : \"n/a\"}\r\n                icon={<FontAwesomeIcon icon={faAnchor} />}\r\n            />\r\n            <Detail\r\n                desc=\"Agent\"\r\n                value={portCall.agent ? portCall.agent.name : \"-\"}\r\n                icon={<FontAwesomeIcon icon={faRunning} />}\r\n            />\r\n            <PcWeather />\r\n            {portCall.status === PortCallStatus.Finished &&\r\n                <Detail\r\n                    desc=\"Duration\"\r\n                    value={duration}\r\n                    icon={<FontAwesomeIcon icon={faStopwatch} />}\r\n                />\r\n            }\r\n            {performance &&\r\n                <PcPerformance\r\n                    percent={percentBerthed()}\r\n                    title=\"Berthed\"\r\n                    color=\"#00ad56\"\r\n                />\r\n            }\r\n            {performance &&\r\n                <PcPerformance\r\n                    percent={percentAnchored()}\r\n                    title=\"Anchored\"\r\n                    color=\"#00ad56\"\r\n                />\r\n            }\r\n        </Component>\r\n    );\r\n});","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ProgressIndicator } from '@fluentui/react/';\r\n\r\nconst Component = styled.div<{ height: string, color?: string }>`\r\n    width: 100%;\r\n\r\n    > div {\r\n        > div {\r\n            padding: 0;\r\n            height: ${_ => _.height};\r\n\r\n            > div {\r\n                height: ${_ => _.height};\r\n            }\r\n\r\n            > div:first-child{\r\n                background-color: transparent;\r\n            }\r\n\r\n            > div:last-child {\r\n                background: linear-gradient(to right, transparent 0%, ${_ => _.color ? _.color : \"#666\"} 50%, transparent 100%);\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const ProgressBar: React.FC<{ height: string, visible?: boolean, color?: string }> = ({ height, visible, color }) => {\r\n    if (!visible) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Component height={height} color={color}>\r\n            <ProgressIndicator />\r\n        </Component>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { ProgressBar } from \"../../components/progressBar/ProgressBar\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    position: relative;\r\n    height: 100%;\r\n`;\r\n\r\nconst WorkingContainer = styled.div`\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgb(0, 0, 0, .25);\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 10;\r\n`;\r\n\r\nconst Working = styled.div`\r\n    padding: 30px 25px;\r\n    border-radius: 4px;\r\n    background-color: rgb(255, 255, 255, .8);\r\n    z-index: 1;\r\n    box-shadow: 0 0 10px #888;\r\n`;\r\n\r\nconst Progress = styled.div`\r\n    position: absolute;\r\n    top: 0;\r\n    width: 100%;\r\n    z-index: 1;\r\n`;\r\n//#endregion\r\n\r\nexport const ContentPage: React.FC<{ progressbar?: boolean, working?: boolean, children: any }> = ({ progressbar, working, children }) => {\r\n    return (\r\n        <Component>\r\n            {progressbar &&\r\n                <Progress>\r\n                    <ProgressBar height=\"2px\" visible={true} />\r\n                </Progress>\r\n            }\r\n            {children}\r\n            {working &&\r\n                <WorkingContainer>\r\n                    <Working>\r\n                        <AnimatedBars />\r\n                    </Working>\r\n                </WorkingContainer>\r\n            }\r\n        </Component>\r\n    );\r\n};","import React, { CSSProperties, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faCheck, faExclamationCircle, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    overflow-y: auto;\r\n    height: calc(100vh - 53px);\r\n`;\r\n\r\nconst Message = styled.div`\r\n    position: sticky;\r\n    width: 100%;\r\n    top: 0;\r\n    z-index: 2;\r\n\r\n    >div {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr auto;\r\n        gap: 10px;\r\n        padding: 0 32px;\r\n        font-size: 14px;\r\n        height: 46px;\r\n\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .message-icon {\r\n            color: #444;\r\n        }\r\n\r\n        .message-text {\r\n            padding-bottom: 1px;\r\n        }\r\n\r\n        .message-close {\r\n            padding: 0 5px;\r\n\r\n            :hover {\r\n                color: #666;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport interface IContentPageBodyMessage {\r\n    type: \"custom\" | \"error\" | \"warning\" | \"success\",\r\n    content: any,\r\n    color?: string,\r\n    backgroundColor?: string,\r\n    icon?: any\r\n    dismissable?: boolean\r\n    onClick?: () => void\r\n}\r\n\r\ninterface IContentPageBody {\r\n    message?: IContentPageBodyMessage\r\n    children: any\r\n}\r\n\r\nexport const ContentPageBody: React.FC<IContentPageBody> = ({ message, children }) => {\r\n    const [messageDismissed, setMessageDismissed] = useState(false);\r\n\r\n    const getMessageStyle = (): CSSProperties | undefined => {\r\n        if (message?.backgroundColor || message?.color) {\r\n            return {\r\n                backgroundColor: message.backgroundColor,\r\n                color: message.color,\r\n                borderBottom: \"1px solid #ccc\",\r\n                cursor: message.onClick ? \"pointer\" : undefined\r\n            };\r\n        }\r\n\r\n        switch (message?.type) {\r\n            case \"error\":\r\n                return {\r\n                    backgroundColor: \"#ffd5d5\",\r\n                    borderBottom: \"1px solid #ffb3b3\",\r\n                    cursor: message.onClick ? \"pointer\" : undefined\r\n                }\r\n            case \"warning\":\r\n                return {\r\n                    backgroundColor: \"#ffffe1\",\r\n                    borderBottom: \"1px solid #b9b900\",\r\n                    cursor: message.onClick ? \"pointer\" : undefined\r\n                }\r\n            case \"success\":\r\n                return {\r\n                    backgroundColor: \"#d1ffe7\",\r\n                    borderBottom: \"1px solid #06ad56\",\r\n                    cursor: message.onClick ? \"pointer\" : undefined\r\n                }\r\n        }\r\n    }\r\n\r\n    const getMessageIcon = (): any | undefined => {\r\n        if (message?.icon) {\r\n            return message.icon;\r\n        }\r\n\r\n        switch (message?.type) {\r\n            case \"error\":\r\n                return <FontAwesomeIcon icon={faExclamationCircle} />\r\n            case \"warning\":\r\n                return <FontAwesomeIcon icon={faExclamationCircle} />\r\n            case \"success\":\r\n                return <FontAwesomeIcon icon={faCheck} />\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Component>\r\n            {message && !messageDismissed &&\r\n                <Message\r\n                    style={getMessageStyle()}\r\n                    onClick={() => {\r\n                        if (message?.onClick) {\r\n                            message.onClick();\r\n                        }\r\n                    }}\r\n                >\r\n                    <div>\r\n                        <div className=\"message-icon\">\r\n                            {getMessageIcon()}\r\n                        </div>\r\n                        <div className=\"message-text\">\r\n                            {message?.content}\r\n                        </div>\r\n                        {message?.dismissable &&\r\n                            <div\r\n                                className=\"message-close\"\r\n                                title=\"Dismiss message\"\r\n                                onClick={ev => {\r\n                                    ev.stopPropagation();\r\n                                    setMessageDismissed(true);\r\n                                }}>\r\n                                <FontAwesomeIcon icon={faTimes} />\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </Message>\r\n            }\r\n            {children}\r\n        </Component>\r\n    );\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faQuestion, faSearch } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../appDialog/AppDialog\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    width: unset;\r\n    height: 100%;\r\n    display: flex;\r\n    position: relative;\r\n`;\r\n\r\nconst Border = styled.div<{ open: boolean }>`\r\n    display: ${_ => _.open ? \"block\" : \"none\"};\r\n    height: 2px;\r\n    background-color: #4177bf;\r\n    position: absolute;\r\n    width: 100%;\r\n`;\r\n\r\nconst SearchIcon = styled.div<{ open: boolean }>`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 40px;\r\n    background-color: ${_ => _.open ? \"#fafafa\" : undefined};\r\n`;\r\n\r\nconst Search = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: #fafafa;\r\n\r\n    .search-help {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 0 0 0 12px;\r\n        font-size: 12px;\r\n        color: #aaa;\r\n\r\n        :hover {\r\n            color: #333;\r\n        }\r\n    }\r\n\r\n    input {\r\n        border: none;\r\n        height: 44px;\r\n        padding: 4px 20px;\r\n        font-size: 14px;\r\n        background-color: transparent;\r\n\r\n        :focus {\r\n            border: none;\r\n            outline: none;\r\n        }\r\n\r\n        ::placeholder {\r\n            color: #bbb;\r\n        }\r\n    }\r\n`;\r\n\r\nconst HelpBody = styled.div`\r\n    margin: 20px 0 20px;\r\n\r\n    div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ContentPageHeaderSearch: React.FC<{ defaultValue?: string, onSearch: (_: string) => void, additionalInfo?: string }> = ({ defaultValue, onSearch, additionalInfo }) => {\r\n    const [open, setOpen] = useState(true);\r\n    const [helpOpen, { toggle: toggleHelpOpen }] = useBoolean(false);\r\n    const [searchString, setSearchString] = useState<string | undefined>();\r\n    const containerRef = useRef(null);\r\n    let inputRef: HTMLInputElement | null = null;\r\n\r\n    const onClick = () => {\r\n        setOpen(true);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            inputRef?.select();\r\n        }\r\n    }, [open])\r\n\r\n    useEffect(() => {\r\n        setSearchString(defaultValue ? defaultValue : \"\");\r\n    }, [defaultValue])\r\n\r\n    return (\r\n        <Component\r\n            ref={containerRef}\r\n            onClick={onClick}\r\n        >\r\n            <Border open={open} />\r\n            {open &&\r\n                <Search>\r\n                    <div className=\"search-help\" title=\"Search help\" onClick={toggleHelpOpen}>\r\n                        <FontAwesomeIcon icon={faQuestion} />\r\n                        <AppDialog\r\n                            title=\"Search help\"\r\n                            open={helpOpen}\r\n                            cancel={toggleHelpOpen}\r\n                            cancelText=\"Close\"\r\n                        >\r\n                            <HelpBody>\r\n                                <div>\r\n                                    Free text search can search in multiple columns. Use comma (,) to separate search words in multiple columns. E.g. \"Column1, Column2\".\r\n                                </div>\r\n                                {additionalInfo &&\r\n                                    <div>\r\n                                        {additionalInfo}.\r\n                                    </div>\r\n                                }\r\n                            </HelpBody>\r\n                        </AppDialog>\r\n                    </div>\r\n                    <input\r\n                        ref={_ => inputRef = _}\r\n                        placeholder=\"Search\"\r\n                        value={searchString ? searchString : \"\"}\r\n                        type=\"text\"\r\n                        onClick={() => {\r\n                            inputRef?.select();\r\n                        }}\r\n                        onChange={_ => {\r\n                            setSearchString(_.currentTarget.value);\r\n                        }}\r\n                        onKeyDown={_ => {\r\n                            if (_.key === \"Enter\") {\r\n                                onSearch(searchString ? searchString : \"\");\r\n                            }\r\n                        }}\r\n                    />\r\n                </Search>\r\n            }\r\n            <SearchIcon open={open}>\r\n                <FontAwesomeIcon icon={faSearch} />\r\n            </SearchIcon>\r\n        </Component>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faClockRotateLeft } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { Callout } from \"@fluentui/react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { TimezoneTypes } from \"../../_enums/TimezoneTypes\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    color: #333;\r\n    font-size: 17px;\r\n    padding: 0 12px 0 8px;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    >div:last-child {\r\n        margin-left: 6px;\r\n\r\n        >div:first-child {\r\n            font-size: 11px;\r\n            text-transform: uppercase;    \r\n            font-weight: 900;\r\n            color: #555;\r\n        }\r\n        >div:last-child {\r\n            color: #aaa;\r\n            font-size: 10px;\r\n            margin-top: -4px;\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        cursor: pointer;\r\n        color: #4177bf;\r\n\r\n        >div:last-child {\r\n            >div {\r\n                color: #4177bf;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    >div:first-child {\r\n        border-top: none;    \r\n    }\r\n\r\n    >div {\r\n        padding: 15px 20px;\r\n        border-top: 1px solid #f1f1f1;\r\n        max-width: 200px;\r\n\r\n        >div:first-child {\r\n            font-size: 11px;\r\n            text-transform: uppercase;    \r\n            font-weight: 900;\r\n            color: #555;\r\n        }\r\n        >div:last-child {\r\n            color: #aaa;\r\n            font-size: 12px;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #fafafa;\r\n            cursor: pointer;\r\n\r\n            >div:first-child {\r\n                color: #4177bf;\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        cursor: default;\r\n        background-color: #f1f1f1;\r\n        border-top: 1px solid #bbb; \r\n        font-size: 12px;\r\n\r\n        >span {\r\n            color: #4177bf;\r\n            \r\n            :hover {\r\n                text-decoration: underline;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TimeTypePicker: React.FC<{ onChange?: (_: TimezoneTypes) => void }> = ({ onChange }) => {\r\n    const anchorId = useId(\"change-tz-display-anchor\");\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(false);\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { setUser } = useAppProvider();\r\n\r\n    const setTzDisplay = (tzDisplay: TimezoneTypes) => {\r\n        if (tzDisplay === TimezoneTypes.Fixed && !app.me.settings?.fixedTimezone) {\r\n            app.setAppMessage({ text: \"You must set a fixed timezone in user settings before setting fixed timezone display\" });\r\n            toggleExpanded();\r\n            return;\r\n        }\r\n\r\n        if (app.me.settings) {\r\n            app.updateSettings({\r\n                ...app.me.settings, timezoneType: tzDisplay\r\n            });\r\n        }\r\n        else {\r\n            app.updateSettings({\r\n                id: 0,\r\n                speechEnabled: false,\r\n                timezoneType: tzDisplay\r\n            });\r\n        }\r\n\r\n        if (onChange) {\r\n            onChange(tzDisplay);\r\n        }\r\n\r\n        // ----------------------------------------\r\n        // New. Uses AppProvider\r\n        setUser({\r\n            ...app.me,\r\n            settings: app.me.settings\r\n                ? {\r\n                    ...app.me.settings,\r\n                    timezoneType: tzDisplay\r\n                }\r\n                : {\r\n                    id: 0,\r\n                    speechEnabled: false,\r\n                    timezoneType: tzDisplay\r\n                }\r\n        });\r\n        // ----------------------------------------\r\n\r\n        app.setAppMessage({ text: \"Timezone display settings changed. To permenantly change these settings. Go to user settings.\" });\r\n        toggleExpanded();\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Container title=\"Change time zone display setting\" id={anchorId} onClick={toggleExpanded}>\r\n                <div>\r\n                    <FontAwesomeIcon icon={faClockRotateLeft} />\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        {app.me.settings?.timezoneType ? TimezoneTypes[app.me.settings.timezoneType] : TimezoneTypes[TimezoneTypes.Port]}\r\n                    </div>\r\n                    <div>\r\n                        TZ display\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n            {expanded &&\r\n                <Callout\r\n                    gapSpace={4}\r\n                    target={`#${anchorId}`}\r\n                    onDismiss={toggleExpanded}\r\n                    styles={{\r\n                        beakCurtain: {\r\n                            borderRadius: \"4px\",\r\n\r\n                        },\r\n                        root: {\r\n                            borderRadius: \"4px\"\r\n                        },\r\n                        calloutMain: {\r\n                            borderRadius: \"4px\"\r\n                        }\r\n                    }}\r\n                >\r\n                    <CalloutBody>\r\n                        <div onClick={() => setTzDisplay(TimezoneTypes.Utc)}>\r\n                            <div>\r\n                                UTC\r\n                            </div>\r\n                            <div>\r\n                                Shows timestamps in utc\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => setTzDisplay(TimezoneTypes.Port)}>\r\n                            <div>\r\n                                Port\r\n                            </div>\r\n                            <div>\r\n                                Shows timestamps in local port time where applicable, otherwise local computer time is used\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => setTzDisplay(TimezoneTypes.Local)}>\r\n                            <div>\r\n                                Local\r\n                            </div>\r\n                            <div>\r\n                                Shows timestamps in local computer timezone, {DateTime.now().zoneName}\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => setTzDisplay(TimezoneTypes.Fixed)}>\r\n                            <div>\r\n                                Fixed <span style={{ color: \"#5f98e2\" }}>{app.me.settings?.fixedTimezone ? ` - ${app.me.settings.fixedTimezone}` : undefined}</span>\r\n                            </div>\r\n                            <div>\r\n                                Shows timestamps in fixed timezone. Change fixed timezone in user settings\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            Go to <span onClick={() => history(\"/settings/me\")}>user settings</span> to change settings permanently\r\n                        </div>\r\n                    </CalloutBody>\r\n                </Callout>\r\n            }\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\nimport { ContentPageHeaderSearch } from \"./ContentPageHeaderSearch\";\r\nimport { TimeTypePicker } from \"../timeTypePicker/TimeTypePicker\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ showArrow?: boolean }>`\r\n    padding: 0 30px;\r\n    background-color: white;\r\n    display: flex;\r\n    height: 52px;\r\n    border-bottom: 1px solid #ddd;\r\n    position: relative;\r\n\r\n    :after {\r\n        display: ${_ => _.showArrow ? \"block\" : \"none\"};\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 0;\r\n        height: 0;\r\n        bottom: -8px;\r\n        left: 42px;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        border: 8px solid white;\r\n        border-color: transparent transparent white white;\r\n        box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n        z-index: 1;\r\n    }\r\n`;\r\n\r\nconst Beta = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 10px;\r\n    text-transform: uppercase;\r\n\r\n    >div {\r\n        background-color: #4177bf;\r\n        color: white;\r\n        margin-top: 1px;\r\n        padding: 4px 8px 3px;\r\n        border-radius: 4px;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n        font-family: Roboto;\r\n    }\r\n`;\r\n\r\nconst Actions = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    margin-right: -5px;\r\n`;\r\n\r\nconst Action = styled.div<{ disabled?: boolean }>`\r\n    position: relative;\r\n    font-size: 16px;\r\n    width: 45px;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 18px;\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n\r\n    .beta {\r\n        position: absolute;\r\n        bottom: 4px;\r\n        left: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 3px 5px 2px;\r\n        text-transform: uppercase;\r\n        font-size: 8px;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        margin-top: 1px;\r\n        border-radius: 4px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n        font-family: Roboto;\r\n    }\r\n\r\n    :hover {\r\n        color: ${_ => _.disabled ? undefined : \"#4177bf\"};\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IContentPageHeader {\r\n    title?: string,\r\n    beta?: boolean,\r\n    showArrow?: boolean;\r\n    actions?: IPageAction[],\r\n    search?: {\r\n        defaultValue?: string,\r\n        enabled: boolean,\r\n        onSearch: (_: string) => void,\r\n        additionalInfo?: any\r\n    }\r\n}\r\n\r\nexport const ContentPageHeader: React.FC<IContentPageHeader> = ({ actions, beta, children, search, showArrow }) => {\r\n    return (\r\n        <Component showArrow={showArrow}>\r\n            {children}\r\n            {beta &&\r\n                <Beta>\r\n                    <div title=\"This feature is in Beta. Be adviced that changes and unwanted behaviour may occur\">Beta</div>\r\n                </Beta>\r\n            }\r\n            <Actions>\r\n                {search &&\r\n                    <Action\r\n                        style={{ width: \"unset\" }}\r\n                        key=\"Search\"\r\n                        title=\"Search, press enter to search\"\r\n                    >\r\n                        <ContentPageHeaderSearch\r\n                            additionalInfo={search.additionalInfo}\r\n                            defaultValue={search.defaultValue}\r\n                            onSearch={_ => {\r\n                                search.onSearch(_);\r\n                            }}\r\n                        />\r\n                    </Action>\r\n                }\r\n                {actions?.filter(_ => !_.hidden).map(_ => {\r\n                    return _.render\r\n                        ? <div key={_.title}>\r\n                            {_.render()}\r\n                        </div>\r\n                        : <Action\r\n                            key={_.title}\r\n                            title={_.title}\r\n                            disabled={_.disabled}\r\n                            onClick={() => {\r\n                                if (!_.disabled && _.onClick) {\r\n                                    _.onClick();\r\n                                }\r\n                            }}\r\n                        >\r\n                            {_.icon}\r\n                            {_.beta &&\r\n                                <div className=\"beta\">\r\n                                    Beta\r\n                                </div>\r\n                            }\r\n                        </Action>;\r\n                })}\r\n                <TimeTypePicker key=\"TimeTypePicker\" />\r\n            </Actions>\r\n        </Component>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { IMenuItem } from \"../../interfaces/IMenuItem\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n`;\r\n\r\nconst NavLink = styled.div`\r\n    display: flex;\r\n    font-size: 18px;\r\n    font-weight: 100;\r\n\r\n    a {\r\n        text-decoration: none !important;\r\n        color: black;\r\n\r\n        :hover {\r\n            color: #4177bf;\r\n        }\r\n    }\r\n\r\n    :last-child {\r\n        font-weight: 600;\r\n    }\r\n`;\r\n\r\nconst Divider = styled.div`\r\n    margin: 0 5px;\r\n    color: #ddd;\r\n`;\r\n//#endregion\r\n\r\nexport const ContentPageNavigation: React.FC<{ items: IMenuItem[] }> = ({ items }) => {\r\n    return (\r\n        <Component>\r\n            {items.map((_, i) => {\r\n                return (\r\n                    <NavLink key={`PageNavigationKey_${_.id}`}>\r\n                        <Link to={_.url!}>\r\n                            {_.title}\r\n                        </Link>\r\n                        {i < items.length - 1 &&\r\n                            <Divider>/</Divider>\r\n                        }\r\n                    </NavLink>\r\n                );\r\n            })}\r\n        </Component>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    padding: 22px 30px 26px;\r\n    font-size: 22px;\r\n    font-weight: 900;\r\n    color: #363636;\r\n`;\r\n//#endregion\r\n\r\nexport const ContentPageTitle: React.FC<{ children?: any }> = ({ children }) => {\r\n    return (\r\n        <Component>\r\n            {children}\r\n        </Component>\r\n    );\r\n};","export enum FlowItemType {\r\n    Event = 10,\r\n    Condition = 20,\r\n    Action = 30\r\n}","export enum SofEventTypes {\r\n    Port = 10,\r\n    Berth = 20,\r\n    Cargo = 30,\r\n    CargoOperation = 40\r\n}","import { IDropdownOption, SelectableOptionMenuItemType } from \"@fluentui/react\";\r\nimport { IFlow, IFlowActivityAction, IFlowActivityCondition, IFlowActivityEvent } from \"../interfaces/IFlow\";\r\nimport { FlowItemType } from \"../_enums/FlowItemType\";\r\nimport { SofEventTypes } from \"../_enums/SofEventTypes\";\r\nimport { useStringFunctions } from \"./useStringFunctions\";\r\n\r\nexport const useFlowFunctions = () => {\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    const convertFlowActivitiesToDropDownOptions = (\r\n        activities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[],\r\n        disabledActivities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[],\r\n        types?: SofEventTypes[]\r\n    ): IDropdownOption[] => {\r\n\r\n        let options: IDropdownOption[] = [];\r\n\r\n        if (!activities) {\r\n            return options;\r\n        }\r\n\r\n        Object.keys(SofEventTypes)\r\n            .filter(_type => {\r\n                if (types) {\r\n                    return !isNaN(Number(_type)) && types.indexOf(Number(_type)) >= 0;\r\n                }\r\n                else {\r\n                    return !isNaN(Number(_type));\r\n                }\r\n            })\r\n            .map(_type => {\r\n                if (!types || (types && types.length >= 2)) {\r\n                    // Add header\r\n                    options.push({\r\n                        key: SofEventTypes[Number(_type)],\r\n                        text: splitCamlCase(SofEventTypes[Number(_type)]),\r\n                        itemType: SelectableOptionMenuItemType.Header\r\n                    });\r\n                }\r\n\r\n                // Add flow activitys\r\n                options = options.concat(activities\r\n                    .filter(_ => _.itemLevel === Number(_type))\r\n                    .sort((a, b) => { return a.name > b.name ? 1 : -1 })\r\n                    .map(_ => {\r\n                        return {\r\n                            key: _.id,\r\n                            text: _.name,\r\n                            title: `${FlowItemType[_.type]} (${_.internalName})`,\r\n                            disabled: disabledActivities.indexOf(_) >= 0,\r\n                            data: {\r\n                                type: _.type\r\n                            }\r\n                        }\r\n                    }));\r\n            });\r\n\r\n        return options;\r\n    }\r\n\r\n    const getSofEventTemplate = (flow: IFlow, templateId: string): IFlowActivityEvent | undefined => {\r\n        return flow ? flow.flowDefinition.events.find(_ => _.id === templateId) : undefined;\r\n    }\r\n\r\n    return { convertFlowActivitiesToDropDownOptions, getSofEventTemplate }\r\n};","export enum EventTriggerTypes {\r\n    StartPortcall = 10,\r\n    EndPortcall = 20,\r\n    StartAnchor = 30,\r\n    EndAnchor = 40,\r\n    StartDrift = 50,\r\n    EndDrift = 60,\r\n    StartBerth = 70,\r\n    EndBerth = 80,\r\n    StartCargo = 90,\r\n    EndCargo = 100,\r\n    StarCargoOperation = 110,\r\n    EndCargoOperation = 120,\r\n    RegisterQty = 210,\r\n    RegisterShipsFigures = 211,\r\n    RegisterShipsRequestedQty = 212,\r\n    // RegisterDraft = 214,\r\n    SetNorTendered = 220,\r\n    IsDelay = 230,\r\n    RegisterUnits = 240,\r\n    MultiCargo = 250,\r\n    AskForNorTender = 260,\r\n    RegisterAdditionalQtyProcessedInMt = 270,\r\n    EndDelay = 280,\r\n    AskForStorage = 290,\r\n\r\n    // For measuring loading and discharging times\r\n    StartLoadDischarge = 300,\r\n    EndLoadDischarge = 400,\r\n    \r\n    LopWarning = 500,\r\n\r\n    // Demurrage\r\n    IncludeInDemurrage = 1100,\r\n\r\n    // Email templates\r\n    ArrivalReportEmail = 1400,\r\n    DepartureReportEmail = 1401,\r\n\r\n    // Voyage switching within portcall\r\n    ClosePortcall = 1500,\r\n    AlreadyInPort = 1501,\r\n}","import { Cargo } from \"../classes/Cargo\";\r\nimport { CargoOperation } from \"../classes/CargoOperation\";\r\nimport { PortCall } from \"../classes/PortCall\";\r\nimport { SofEvent } from \"../classes/SofEvent\";\r\nimport { useDateFunctions } from \"../hooks/useDateFunctions\";\r\nimport { IBar } from \"../interfaces/charts/IBar\";\r\nimport { IDemurrageEvent } from \"../interfaces/demurrage/IDemurrageEvent\";\r\nimport { ICargo } from \"../interfaces/ICargo\";\r\nimport { ICargoOperation } from \"../interfaces/ICargoOperation\";\r\nimport { IFlow, IFlowActivityEvent, IFlowDuration } from \"../interfaces/IFlow\";\r\nimport { ISofEvent } from \"../interfaces/ISofEvent\";\r\nimport { EventTriggerTypes } from \"../_enums/EventTriggerTypes\";\r\nimport { ISofEventDataField } from \"../interfaces/ISofEventDataField\";\r\nimport { useStringFunctions } from \"../hooks/useStringFunctions\";\r\n\r\nexport const useEventFunctions = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { isEmpty } = useStringFunctions();\r\n\r\n    const getEvent = (events?: ISofEvent[], flowEventIds?: string[], last: boolean = false, fromEvent?: ISofEvent, log?: boolean): ISofEvent | undefined => {\r\n        if (!events || !flowEventIds) {\r\n            return undefined;\r\n        }\r\n\r\n        let _events = fromEvent\r\n            ? sortByDate(events.slice().filter(_ => makeDateObject(_.eventDate) >= makeDateObject(fromEvent.eventDate))) as ISofEvent[]\r\n            : sortByDate(events.slice()) as ISofEvent[];\r\n\r\n        return last\r\n            ? _events.slice().reverse().find(ev => flowEventIds.find(_ => _ === ev.templateId))\r\n            : _events.find(ev => flowEventIds.find(_ => _ === ev.templateId));\r\n    }\r\n\r\n    /** Gets the first or last event by trigger */\r\n    const getEventByTrigger = (trigger: EventTriggerTypes, flow?: IFlow, sortedEvents?: ISofEvent[], first: boolean = true) => {\r\n        if(!flow || !sortedEvents) {\r\n            return;\r\n        }\r\n\r\n        return (first ? sortedEvents : sortedEvents.slice().reverse()).find(_ => {\r\n            let template = getEventTemplate(_.templateId, flow);\r\n            //if (template && hasTrigger(template, trigger)) {\r\n\r\n            if (template && hasTriggers(template, [trigger])) {\r\n                return _;\r\n            }\r\n        });\r\n    }\r\n\r\n    const getAllEvents = (events: ISofEvent[], flowEventIds: string[]): ISofEvent[] => {\r\n        return events.slice().filter(ev => flowEventIds.find(_ => _ === ev.templateId));\r\n    }\r\n\r\n    /**\r\n     * Based on the event, find the Portcall, Cargo or Cargo operation it is a part of\r\n     */\r\n    const getContainer = (pc: PortCall, cargo: ICargo[], event: ISofEvent): PortCall | CargoOperation | ICargoOperation | undefined => {\r\n        let container: PortCall | ICargo | Cargo | CargoOperation | ICargoOperation | undefined = undefined;\r\n        let ev = pc.events.find(_ => _.id === event.id);\r\n\r\n        if (ev) {\r\n            return pc;\r\n        }\r\n\r\n        cargo.forEach(c => {\r\n            let _cEvent = c.events?.find(_ => _.id === event.id);\r\n\r\n            if (_cEvent) {\r\n                container = c;\r\n            }\r\n            else {\r\n                c.cargoOperations?.forEach(co => {\r\n                    let _coEvent = co.events?.find(_ => _.id === event.id);\r\n                    if (_coEvent) {\r\n                        container = co;\r\n                    }\r\n                });\r\n            }\r\n        });\r\n\r\n        return container;\r\n    }\r\n\r\n    const getEventTemplate = (templateId: string, flow: IFlow): IFlowActivityEvent | undefined => {\r\n        return flow.flowDefinition.events.find(_ => _.id === templateId);\r\n    }\r\n\r\n    const getEventPeriod = (group: string, flowDuration: IFlowDuration, events: ISofEvent[]): IBar | undefined => {\r\n        let fromEvent = getEvent(events, flowDuration.from!);\r\n        let toEvent = getEvent(events, flowDuration.to!);\r\n\r\n        if (!fromEvent) {\r\n            return;\r\n        }\r\n\r\n        return {\r\n            title: flowDuration.name!.toUpperCase(),\r\n            description: \"No desc\", // durationTemplate.description,\r\n            group,\r\n            from: new Date(fromEvent.eventDate).getTime(),\r\n            to: toEvent ? new Date(toEvent.eventDate).getTime() : new Date().getTime(),\r\n            active: toEvent ? false : true\r\n        };\r\n    }\r\n\r\n    const getReadableEventData = (ev: ISofEvent): { title: string, value: string }[] => {\r\n        let data: { title: string, value: string }[] = [];\r\n\r\n        ev.data.map(d => {\r\n            let value = \"n/a\";\r\n\r\n            if (d.value) {\r\n                switch (d.dataType?.toLowerCase()) {\r\n                    case \"boolean\":\r\n                        value = Boolean(d.value) ? \"Yes\" : \"No\";\r\n                        break;\r\n                    case \"list\":\r\n                        if (Array.isArray(d.value)) {\r\n                            value = d.value.map((_: any) => {\r\n                                return _.name;\r\n                            }).join(\", \");\r\n                        }\r\n                        else {\r\n                            value = d.value.title;\r\n                        }\r\n                        break;\r\n                    case \"port\":\r\n                        value = d.value.title;\r\n                        break;\r\n                    default:\r\n                        value = d.value.toString();\r\n                }\r\n            }\r\n\r\n            if (d.value) {\r\n                data.push({\r\n                    title: d.name ? d.name : \"Unknown name\",\r\n                    value\r\n                });\r\n            }\r\n        });\r\n\r\n        if (!isEmpty(ev.remark)) {\r\n            data.push({\r\n                title: \"Remark\",\r\n                value: ev.remark!\r\n            });\r\n        }\r\n\r\n        if (!isEmpty(ev.internalRemark)) {\r\n            data.push({\r\n                title: \"Internal remark\",\r\n                value: ev.internalRemark!\r\n            });\r\n        }\r\n\r\n        return data;\r\n    }\r\n\r\n    const getAdditionalProperty = (data: ISofEventDataField[], internalName: string, convertToReadable?: boolean) => {\r\n        let additionalProperty = data.find(_ => _.internalName === internalName);\r\n\r\n        if (!additionalProperty || !additionalProperty.dataType || !additionalProperty.value === undefined) {\r\n            return;\r\n        }\r\n\r\n        switch (additionalProperty.dataType.toLowerCase()) {\r\n            case \"boolean\":\r\n                return !convertToReadable\r\n                    ? Boolean(additionalProperty.value)\r\n                    : Boolean(additionalProperty.value)\r\n                        ? \"Yes\"\r\n                        : \"No\";\r\n            case \"list\":\r\n                return !convertToReadable\r\n                    ? additionalProperty.value\r\n                    : additionalProperty.value.title;\r\n            case \"port\":\r\n                return !convertToReadable\r\n                    ? additionalProperty.value\r\n                    : additionalProperty.value.title;\r\n        }\r\n\r\n        return additionalProperty.value;\r\n    }\r\n\r\n    const hasTriggers = (template: IFlowActivityEvent, triggers: EventTriggerTypes[]): boolean => {\r\n        if (template.triggers) {\r\n            return template.triggers.slice().find(_ => triggers.find(t => t === _)) ? true : false;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const sortByDate = (events?: ISofEvent[] | SofEvent[] | IDemurrageEvent[]): (ISofEvent | SofEvent | IDemurrageEvent)[] => {\r\n        return events ? events.slice().sort((a: SofEvent | IDemurrageEvent, b: SofEvent | IDemurrageEvent) => {\r\n            return new Date(a.eventDate) > new Date(b.eventDate) ? 1 : -1;\r\n        }) : [];\r\n    }\r\n\r\n    return { getAdditionalProperty, getAllEvents, getContainer, getEvent, getEventByTrigger, getEventPeriod, getEventTemplate, getReadableEventData, hasTriggers, sortByDate }\r\n};","import { DateTime } from \"luxon\";\r\nimport { PortCall } from \"../classes/PortCall\";\r\nimport { useDateFunctions } from \"../hooks/useDateFunctions\";\r\nimport { IFromTo } from \"../interfaces/charts/IFromTo\";\r\nimport { IPortCall } from \"../interfaces/IPortCall\";\r\nimport { ITimeLineMarker } from \"../interfaces/ITimeLineSeries\";\r\nimport { PortCallStatus } from \"../_enums/PortCallStatus\";\r\nimport { IFlow } from \"../interfaces/IFlow\";\r\nimport { IBerthCall } from \"../interfaces/IBerthCall\";\r\nimport { ISofEvent } from \"../interfaces/ISofEvent\";\r\nimport { useFlowFunctions } from \"../hooks/useFlowFunctions\";\r\nimport { useEventFunctions } from \"./useEventFunctions\";\r\nimport { EventTriggerTypes } from \"../_enums/EventTriggerTypes\";\r\n\r\nexport const usePortCallFunctions = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { getSofEventTemplate } = useFlowFunctions();\r\n    const { getAdditionalProperty, hasTriggers, sortByDate } = useEventFunctions();\r\n\r\n    const tzDateString = (date: Date, timezone?: string) => {\r\n        return makeDateObject(date, timezone).toFormat(\"dd. MMM HH:mm\");\r\n    }\r\n\r\n    const getMarkers = (pc: PortCall, timezone?: string): ITimeLineMarker[] => {\r\n        let markers: ITimeLineMarker[] = [\r\n            {\r\n                ts: new Date(pc.scheduledArrival).getTime(),\r\n                label: \"S ETA\",\r\n                title: `Scheduled ETA - ${tzDateString(pc.scheduledArrival, timezone)}`,\r\n                yOffset: pc.status === PortCallStatus.Scheduled || pc.status === PortCallStatus.Late ? 55 : 125\r\n            },\r\n            {\r\n                ts: new Date(pc.scheduledDeparture).getTime(),\r\n                label: \"S ETD\",\r\n                title: `Scheduled ETD - ${tzDateString(pc.scheduledDeparture, timezone)}`,\r\n                yOffset: pc.status === PortCallStatus.Scheduled || pc.status === PortCallStatus.Late ? 55 : 125\r\n            }\r\n        ];\r\n\r\n        if (pc.arrived) {\r\n            markers.push({\r\n                ts: DateTime.fromJSDate(new Date(pc.arrived), { zone: pc.port.timeZone }).valueOf(),\r\n                label: \"ATA\",\r\n                title: `Actual time of arrival - ${tzDateString(pc.arrived, timezone)}`,\r\n                yOffset: 60\r\n            });\r\n\r\n            markers.push({\r\n                ts: DateTime.fromJSDate(new Date(pc.arrived)).plus({ milliseconds: pc.scheduledDuration }).valueOf(),\r\n                label: \"ETD\",\r\n                title: `Estimated time of departure - ${makeDateObject(pc.arrived, timezone).plus({ milliseconds: pc.scheduledDuration }).toFormat(\"dd. MMM HH:mm\")}`,\r\n                yOffset: 60\r\n            });\r\n        }\r\n\r\n        if (pc.departed) {\r\n            markers.push({\r\n                ts: new Date(pc.departed!).getTime(),\r\n                label: \"ATD\",\r\n                title: `Actual time of dearture - ${tzDateString(pc.departed, timezone)}`,\r\n                yOffset: 60\r\n            });\r\n        }\r\n\r\n        return markers;\r\n    }\r\n\r\n    const getScheduledStay = (pc: PortCall, timeZone?: string): IFromTo => {\r\n        return {\r\n            from: makeDateObject(pc.scheduledArrival, timeZone).valueOf(),\r\n            to: makeDateObject(pc.scheduledDeparture, timeZone).valueOf(),\r\n        }\r\n    }\r\n\r\n    const getActualStay = (pc: PortCall, useUtc: boolean = false): IFromTo | undefined => {\r\n        if (!pc.arrived) {\r\n            return;\r\n        }\r\n\r\n        let from = makeDateObject(pc.arrived, useUtc ? \"utc\" : pc.port.timeZone).valueOf();\r\n        let to = makeDateObject(pc.departed ? pc.departed : new Date(), useUtc ? \"utc\" : pc.port.timeZone).valueOf();\r\n\r\n        if (to - from > pc.scheduledDuration) {\r\n            to = from + pc.scheduledDuration;\r\n        }\r\n\r\n        return {\r\n            from,\r\n            to\r\n        };\r\n    }\r\n\r\n    const getRemainingStay = (pc: PortCall, start?: number): IFromTo | undefined => {\r\n        if (!pc.arrived || pc.departed || !start || pc.remainingDuration! <= 0) {\r\n            return;\r\n        }\r\n\r\n        return {\r\n            from: start,\r\n            to: start + pc.remainingDuration!\r\n        };\r\n    }\r\n\r\n    const getLate = (pc: PortCall, timezone?: string): IFromTo | undefined => {\r\n        if (!pc.arrived) {\r\n            return;\r\n        }\r\n\r\n        if (pc.remainingDuration! > 0) {\r\n            return;\r\n        }\r\n\r\n        return {\r\n            from: makeDateObject(pc.arrived, timezone).plus({ milliseconds: pc.scheduledDuration }).valueOf(),\r\n            to: pc.departed ? makeDateObject(pc.departed).valueOf() : makeDateObject(new Date()).valueOf()\r\n        };\r\n    }\r\n\r\n    const getStatus = (pc: IPortCall | PortCall): PortCallStatus => {\r\n        if (pc.departed) {\r\n            return PortCallStatus.Finished;\r\n        }\r\n\r\n        if (pc.arrived) {\r\n            return PortCallStatus.Active;\r\n        }\r\n\r\n        if (DateTime.now().diff(makeDateObject(pc.scheduledArrival)).as(\"hours\") > 12) {\r\n            return PortCallStatus.Late;\r\n        }\r\n\r\n        return PortCallStatus.Scheduled;\r\n    }\r\n\r\n    const getBerthCalls = (flow: IFlow, events: ISofEvent[]): IBerthCall[] => {\r\n        let berthCalls: IBerthCall[] = [];\r\n\r\n        let startEvents = events.filter(_ => {\r\n            let template = getSofEventTemplate(flow, _.templateId);\r\n            if (template && hasTriggers(template, [EventTriggerTypes.StartBerth])) {\r\n                return _;\r\n            }\r\n        });\r\n\r\n        startEvents.forEach(startEvent => {\r\n            let endEvent = sortByDate(events).find(_ => {\r\n                let ev = _ as ISofEvent;\r\n                let template = getSofEventTemplate(flow, ev.templateId);\r\n\r\n                if (template && hasTriggers(template, [EventTriggerTypes.EndBerth]) && DateTime.fromJSDate(new Date(ev.eventDate)) > DateTime.fromJSDate(new Date(startEvent.eventDate))) {\r\n                    return ev;\r\n                }\r\n            });\r\n\r\n            let berthPropertyValue = getAdditionalProperty(startEvent.data, \"Berth\");\r\n\r\n            if (berthPropertyValue) {\r\n                let berthCall: IBerthCall = {\r\n                    start: startEvent.eventDate,\r\n                    end: endEvent?.eventDate,\r\n                    berth: {\r\n                        id: berthPropertyValue.id,\r\n                        name: berthPropertyValue.title,\r\n                        confirmed: true,\r\n                        inActive: false,\r\n                    },\r\n                    events: sortByDate(events).filter(_ => {\r\n                        let _eventDate = makeDateObject(_.eventDate);\r\n                        let _start = makeDateObject(startEvent.eventDate);\r\n                        let _end = makeDateObject(endEvent ? new Date(endEvent.eventDate) : new Date(2200, 1, 1));\r\n\r\n                        if (_eventDate >= _start && _eventDate <= _end) {\r\n                            return _;\r\n                        }\r\n\r\n                    }) as ISofEvent[]\r\n                };\r\n\r\n                berthCalls.push(berthCall);\r\n            }\r\n            else {\r\n                console.warn(\"Unable to find additional property Berth from start event\");\r\n            }\r\n        });\r\n\r\n        return berthCalls.sort((a, b) => { return a.start > b.start ? 1 : -1 });\r\n    }\r\n\r\n    return { getBerthCalls, getMarkers, getScheduledStay, getStatus, getActualStay, getRemainingStay, getLate }\r\n};","import { Callout } from \"@fluentui/react\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport React, { FC, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ disabled?: boolean, pulse?: boolean }>`\r\n    width: 38px;\r\n    height: 38px;\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#555\"};\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: relative;\r\n    cursor:  ${_ => _.disabled ? \"default\" : \"pointer\"};;\r\n    border-radius: 50%;\r\n    transform: scale(1);\r\n    animation: ${_ => _.pulse ? \" pulse-card-action 2s infinite\" : undefined};\r\n\r\n    :hover {\r\n        color: ${_ => _.disabled ? undefined : \"#4177bf\"};\r\n    }\r\n\r\n    @keyframes pulse-card-action {\r\n        0% {\r\n            transform: scale(0.95);\r\n            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\r\n        }\r\n\r\n        70% {\r\n            transform: scale(1);\r\n            box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);\r\n        }\r\n\r\n        100% {\r\n            transform: scale(0.95);\r\n            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\r\n        }\r\n    }\r\n\r\n\r\n\r\n`;\r\n\r\nconst SubAction = styled.div<{ disabled?: boolean }>`\r\n    padding: 12px 20px;\r\n    font-size: 14px;\r\n    border-bottom: 1px solid #f1f1f1;\r\n    display: flex;\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    cursor:  ${_ => _.disabled ? \"default\" : \"pointer\"};;\r\n    \r\n    :hover {\r\n        background-color: ${_ => _.disabled ? undefined : \"#fafafa\"};\r\n    }\r\n`;\r\n\r\nconst SubMenuIcon = styled.div`\r\n    width: 26px;\r\n`;\r\n//#endregion\r\n\r\nexport const CardAction: FC<{ action: IPageAction }> = ({ action }) => {\r\n    const [menuOpen, setMenuOpen] = useState(false);\r\n    const containerId = useId('callout-button');\r\n\r\n    return (\r\n        <Container\r\n            id={action.id ? action.id : containerId}\r\n            title={action.title}\r\n            disabled={action.disabled}\r\n            pulse={action.pulse}\r\n            onClick={() => {\r\n                if (action.items && action.items.length > 0) {\r\n                    setMenuOpen(!menuOpen);\r\n                }\r\n                else if (!action.disabled && action.onClick) {\r\n                    action.onClick();\r\n                }\r\n            }}>\r\n            {action.icon}\r\n            {menuOpen && action.items &&\r\n                <Callout\r\n                    gapSpace={-9}\r\n                    target={`#${containerId}`}\r\n                    onDismiss={() => setMenuOpen(false)}\r\n                >\r\n                    {action.items.map(sa => {\r\n                        return (\r\n                            <SubAction\r\n                                title={sa.title}\r\n                                key={`SubAction_${sa.title}`}\r\n                                disabled={sa.disabled}\r\n                                onClick={() => {\r\n                                    if (!sa.disabled && sa.onClick) {\r\n                                        sa.onClick();\r\n                                    }\r\n                                }}\r\n                            >\r\n                                {sa.icon &&\r\n                                    <SubMenuIcon>\r\n                                        {sa.icon}\r\n                                    </SubMenuIcon>\r\n                                }\r\n                                <div>\r\n                                    {sa.shortTitle}\r\n                                </div>\r\n                            </SubAction>\r\n                        );\r\n                    })}\r\n                </Callout>\r\n            }\r\n        </Container>\r\n    );\r\n}","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITextField, TextField } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ disabled?: boolean, pulse?: boolean }>`\r\n    display: flex;\r\n\r\n    >div {\r\n        height: 38px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .icon {\r\n        width: 38px;\r\n        color: #555;\r\n    }\r\n\r\n    :hover {\r\n        color: #4177bf;\r\n        cursor: pointer;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CardSearch: FC<{ onChange: (searchString: string) => void }> = ({ onChange }) => {\r\n    const [open, { toggle: toggleOpen }] = useBoolean(false);\r\n    const [searchString, setSearchString] = useState(\"\");\r\n    let txtRef: ITextField | null;\r\n\r\n    useEffect(() => {\r\n        if (open) {\r\n            txtRef?.focus();\r\n        }\r\n    }, [open])\r\n\r\n    useEffect(() => {\r\n        onChange(searchString.trim());\r\n    }, [searchString])\r\n\r\n    return (\r\n        <Container title=\"Search\">\r\n            {open &&\r\n                <div className=\"search\">\r\n                    <TextField\r\n                        borderless\r\n                        autoComplete=\"off\"\r\n                        componentRef={_ => txtRef = _}\r\n                        placeholder=\"Search\"\r\n                        value={searchString}\r\n                        onChange={(ev, v) => {\r\n                            setSearchString(v ? v : \"\");\r\n                        }}\r\n                        onKeyDown={e => {\r\n                            if (e.key === \"Escape\") {\r\n                                setSearchString(\"\");\r\n                                toggleOpen();\r\n                            }\r\n                        }}\r\n                        styles={{\r\n                            fieldGroup: {\r\n                                backgroundColor: \"#f5f5f5\",\r\n                            },\r\n                            field: {\r\n                                \"::placeholder\": {\r\n                                    color: \"#bbb\"\r\n                                }\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n            }\r\n            <div className=\"icon\" onClick={toggleOpen}>\r\n                <FontAwesomeIcon icon={faSearch} />\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React, { FC, useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faChevronDown, faChevronUp, faExclamationCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { CardAction } from \"./CardAction\";\r\nimport { CardSearch } from \"./CardSearch\";\r\n\r\n//#region Styled Components\r\nconst OuterContainer = styled.div`\r\n    position: relative;\r\n`;\r\n\r\nconst Container = styled.div<{ height?: string, maxHeight?: string }>`\r\n    box-shadow: 0 0 3px #ccc;\r\n    border-radius: 4px;\r\n    overflow: auto;\r\n    height: ${_ => _.height};\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    background-color: white;\r\n`;\r\n\r\nconst Header = styled.div<{ hideHeader?: boolean, darkHeader?: boolean }>`\r\n    display: ${_ => _.hideHeader ? \"none\" : \"flex\"};\r\n    min-height: 46px;\r\n    max-height: 46px;\r\n    padding: 0 15px 0 25px;\r\n    border-radius: 4px 4px 0 0;\r\n    border-bottom: 1px solid #ddd;\r\n    position: relative;\r\n    background-color: ${_ => _.darkHeader ? \"#222c3d\" : \"#e9e9e9\"};\r\n    border-left: 3px solid ${_ => _.darkHeader ? \"#1b2431\" : \"#4177bf\"};\r\n    border-right: 3px solid ${_ => _.darkHeader ? \"#1b2431\" : \"#4177bf\"};\r\n`;\r\n\r\nconst ErrorMessage = styled.div`\r\n    background-color: #ffd5d5;\r\n    border: 1px solid #ffb3b3;\r\n    font-size: 14px;\r\n    display: flex;\r\n    padding: 8px 25px;\r\n\r\n    >div:first-child {\r\n        color: red;\r\n        margin-right: 6px;\r\n    }\r\n`;\r\n\r\nconst Title = styled.div<{ darkHeader?: boolean }>`\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n    color: ${_ => _.darkHeader ? \"white\" : \"#333\"};\r\n    font-size: 14px;\r\n\r\n    i, svg {\r\n        margin-right: 7px;\r\n    }\r\n\r\n    >div:last-child {\r\n        letter-spacing: .2px;\r\n        font-weight: 700;\r\n    }\r\n`;\r\n\r\nconst Actions = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    margin: 0 -4px;\r\n\r\n    >div {\r\n        margin: 0 4px;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div<{ hideHeader?: boolean, maxHeight?: string }>`\r\n    flex-grow: 1;\r\n    border-radius: ${_ => _.hideHeader ? \"4px\" : \"0 0 4px 4px\"};\r\n    position: relative;\r\n    max-height: ${_ => _.maxHeight ? `calc(${_.maxHeight} - 51px)` : undefined};\r\n    /* height: ${_ => _.maxHeight ? `calc(${_.maxHeight} - 51px)` : undefined}; */\r\n    overflow: auto;\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    position: absolute;\r\n    background-color: rgb(0, 0, 0, .2);\r\n    height: calc(100% - 46px);\r\n    width: 100%;\r\n    top: 46px;\r\n    display: flex;\r\n    border-radius: 0 0 4px 4px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n`;\r\n\r\nconst ToggleExpand = styled.div`\r\n    position: absolute;\r\n    right: 20px;\r\n    bottom: -24px;\r\n    height: 50px;\r\n    width: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n\r\n    >div {\r\n        height: 30px;\r\n        width: 30px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: #4277bf;\r\n        font-size: 12px;\r\n        color: white;\r\n        margin-top: 1px;\r\n        transition: box-shadow .25s ease;\r\n    }\r\n\r\n    :hover {\r\n        >div {\r\n            box-shadow: 0 0 15px rgb(46,105,185,.5);\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface ICardProps {\r\n    title?: any\r\n    hideHeader?: boolean\r\n    error?: any\r\n    icon?: JSX.Element\r\n    description?: string\r\n    loading?: boolean\r\n    actions?: IPageAction[]\r\n    children: any\r\n    darkHeader?: boolean\r\n    maxHeight?: string\r\n    height?: string\r\n    search?: (searchString: string) => void\r\n}\r\n\r\nexport const Card: FC<ICardProps> = ({ title, hideHeader, error, icon, loading, actions, darkHeader, height, maxHeight, search, children }) => {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [localMaxHeight, setLocalMaxHeight] = useState<string | undefined>();\r\n    const [showToggle, setShowSetToggle] = useState(false);\r\n    const bodyRef = useRef(null);\r\n\r\n    const isBodyOverflowing = (): boolean => {\r\n        if (bodyRef && bodyRef.current) {\r\n            let body: HTMLDivElement = (bodyRef.current as any);\r\n            let overflowing = body.offsetHeight < body.scrollHeight;\r\n\r\n            return overflowing;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (maxHeight) {\r\n            // Check if toggle should show\r\n            if (expanded) {\r\n                // Always show if expanded\r\n                setShowSetToggle(true);\r\n            }\r\n            else {\r\n                if (isBodyOverflowing()) {\r\n                    setShowSetToggle(true);\r\n                }\r\n                else {\r\n                    setShowSetToggle(false);\r\n                }\r\n            }\r\n        }\r\n        else {\r\n            //Never show toggle for expand collapse\r\n            setShowSetToggle(false);\r\n        }\r\n    }, [localMaxHeight, children])\r\n\r\n    useEffect(() => {\r\n        setLocalMaxHeight(maxHeight);\r\n    }, [maxHeight])\r\n\r\n    useEffect(() => {\r\n        if (maxHeight) {\r\n            if (expanded) {\r\n                setLocalMaxHeight(undefined);\r\n            }\r\n            else {\r\n                setLocalMaxHeight(maxHeight);\r\n            }\r\n        }\r\n    }, [expanded])\r\n\r\n    return (\r\n        <OuterContainer>\r\n            <Container maxHeight={localMaxHeight} height={height}>\r\n                <Header hideHeader={hideHeader} darkHeader={darkHeader}>\r\n                    <Title darkHeader={darkHeader}>\r\n                        {icon &&\r\n                            <div>\r\n                                {icon}\r\n                            </div>\r\n                        }\r\n                        <div>\r\n                            {title}\r\n                        </div>\r\n                    </Title>\r\n                    {(actions || search) &&\r\n                        <Actions>\r\n                            {search &&\r\n                                <CardSearch onChange={search} />\r\n                            }\r\n                            {actions?.filter(_ => !_.hidden).map(_ => {\r\n                                if (_.render) {\r\n                                    return _.render();\r\n                                }\r\n\r\n                                return (\r\n                                    <CardAction\r\n                                        key={_.title}\r\n                                        action={_}\r\n                                    />\r\n                                );\r\n                            })}\r\n                        </Actions>\r\n                    }\r\n                </Header>\r\n                {error &&\r\n                    <ErrorMessage>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faExclamationCircle} />\r\n                        </div>\r\n                        <div>\r\n                            {error}\r\n                        </div>\r\n                    </ErrorMessage>\r\n                }\r\n                <Body hideHeader={hideHeader} maxHeight={localMaxHeight} ref={bodyRef}>\r\n                    {children}\r\n                </Body>\r\n                {loading &&\r\n                    <Loading>\r\n                        <AnimatedBars altBarColor=\"white\" height=\"25px\" />\r\n                    </Loading>\r\n                }\r\n            </Container>\r\n            {showToggle &&\r\n                <ToggleExpand\r\n                    title={localMaxHeight ? \"Expand card\" : \"Collapse card\"}\r\n                    onClick={() => setExpanded(!expanded)}\r\n                >\r\n                    <div>\r\n                        <FontAwesomeIcon icon={expanded ? faChevronUp : faChevronDown} />\r\n                    </div>\r\n                </ToggleExpand>\r\n            }\r\n        </OuterContainer>\r\n    );\r\n}","import { DateTime } from \"luxon\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITimeLineDate } from \"../../interfaces/ITimeLineSeries\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n     position: absolute;\r\n`;\r\n\r\nconst Line = styled.div`\r\n    position: absolute;\r\n    height: 10px;\r\n    width: 1px;\r\n    background-color: #ddd;\r\n    top: -5px;\r\n`;\r\n\r\nconst DateAndTime = styled.div`\r\n    position: absolute;\r\n    top: 10px;\r\n    min-width: 50px;\r\n    max-width: 50px;\r\n    left: -25px;\r\n    font-size: 12px;\r\n\r\n    >div {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n        text-align: center;        \r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 10px;\r\n        color: #999;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DateMarker: React.FC<{ dateMarker: ITimeLineDate, timeZone?: string }> = ({ dateMarker, timeZone }) => {\r\n\r\n    let date = DateTime.fromMillis(dateMarker.date, { zone: timeZone }).toFormat(\"dd. MMM\");\r\n    let time = DateTime.fromMillis(dateMarker.date, { zone: timeZone }).toFormat(\"HH:mm\");\r\n\r\n    return (\r\n        <Container style={{ left: `${dateMarker.postion}%` }}        >\r\n            <Line />\r\n            <DateAndTime>\r\n                <div>\r\n                    {date}\r\n                </div>\r\n                <div>\r\n                    {time}\r\n                </div>\r\n            </DateAndTime>\r\n        </Container>\r\n    );\r\n};","import { Callout, DirectionalHint } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { ITimeBar } from \"../../interfaces/ITimeLineSeries\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ width: string, animate?: boolean, backgroundColor: string, top: number, left: number }>`\r\n    background-color: ${_ => _.backgroundColor};\r\n    top: ${_ => `${_.top}px`};\r\n    left: ${_ => `${_.left}%`};\r\n    position: absolute;\r\n    outline: 1px solid white;\r\n    border-radius: 2px;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    letter-spacing: .5px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    animation: animateWidth .6s forwards;\r\n\r\n    @keyframes animateWidth {\r\n        0% { width: 0 }\r\n        100% { width: ${_ => _.width + \" !important\"} }\r\n    }\r\n`;\r\n\r\nconst BarTitle = styled.div`\r\n    padding: 0 10px;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    z-index: 1;\r\n`;\r\n\r\nconst AnimationBackground = styled.div`\r\n    position: absolute;\r\n    border-radius: inherit;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    background-image: linear-gradient(135deg,#222c3d 25%,#58606a 25%,#58606a 50%, #222c3d 50%, #222c3d 75%,#58606a 75%,#58606a 100%);\r\n    background-size: 40px 40px;\r\n\r\n    /* Background stripes animation */\r\n    animation: bgAnimationStriped 2s linear infinite;\r\n    @keyframes bgAnimationStriped {\r\n        from { background-position: 0px; } to { background-position:40px; }\r\n    }\r\n`;\r\n\r\n\r\nconst BarCallout = styled(Callout) <{ backgroundColor: string }>`\r\n    /* Arrow */\r\n    >div:first-child {\r\n        background-color: ${_ => _.backgroundColor};\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    font-size: 14px;\r\n    \r\n    .header {\r\n        color: white;\r\n        padding: 10px 20px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TimeBar: React.FC<{ bar: ITimeBar, height: number, top: number }> = ({ bar, height, top }) => {\r\n    const [calloutVisible, { toggle: toggleCalloutVisible }] = useBoolean(false);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const containerId = useId('callout-button');\r\n    const containerRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n    const [showTitle, setShowTitle] = useState(false);\r\n\r\n    useEffect(() => {\r\n        setTimeout(() => {\r\n            if (containerRef.current && containerRef.current.clientWidth > 35) {\r\n                setShowTitle(true);\r\n            }\r\n        }, 500);\r\n    }, [bar])\r\n\r\n    return (\r\n        <Container\r\n            id={containerId}\r\n            ref={containerRef}\r\n            title={bar.title}\r\n            backgroundColor={bar.bgColor}\r\n            top={top}\r\n            left={bar.position}\r\n            onClick={toggleCalloutVisible}\r\n            animate={bar.animate}\r\n            width={`${bar.width}%`}\r\n            style={{\r\n                width: `${bar.width}%`,\r\n                minHeight: `${height}px`,\r\n                maxHeight: `${height}px`,\r\n                color: bar.color,\r\n                cursor: bar.calloutBody ? \"pointer\" : \"default\"\r\n            }}\r\n        >\r\n            {bar.animate &&\r\n                <AnimationBackground\r\n                    style={{\r\n                        height: `${height}px`\r\n                    }}\r\n                />\r\n            }\r\n\r\n            {showTitle &&\r\n                <BarTitle>{bar.title}</BarTitle>\r\n            }\r\n\r\n            {bar.calloutBody && calloutVisible && (\r\n                <BarCallout\r\n                    backgroundColor={bar.bgColor}\r\n                    gapSpace={5}\r\n                    target={`#${containerId}`}\r\n                    onDismiss={toggleCalloutVisible}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                >\r\n                    <CalloutBody>\r\n                        <div className=\"header\" style={{ color: bar.color }}>\r\n                            {toCapitalLetters(bar.title)}\r\n                        </div>\r\n                        {bar.calloutBody}\r\n                    </CalloutBody>\r\n                </BarCallout>\r\n            )}\r\n        </Container>\r\n    );\r\n};","import React, { useRef } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: absolute;\r\n    opacity: 0;\r\n    animation: animate 1.2s forwards;\r\n    bottom: 0;\r\n    z-index: 1;\r\n\r\n    @keyframes animate {\r\n        30% { opacity: 0 }\r\n        100% { opacity: 1 }\r\n    }\r\n`;\r\n\r\nconst Label = styled.div<{ backgroundColor?: string }>`\r\n    position: absolute;\r\n    background-color: ${_ => _.backgroundColor ? _.backgroundColor : \"#222c3d\"};\r\n    color: white;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    max-width: 40px;\r\n    font-size: 11px;\r\n    letter-spacing: 1px;\r\n    padding: 2px 6px 3px;\r\n    border-radius: 2px;\r\n    box-shadow: 0 0 2px #fff;\r\n    text-align: center;\r\n`;\r\n\r\nconst Line = styled.div<{ backgroundColor?: string }>`\r\n    position: absolute;\r\n    border-left: 2px solid ${_ => _.backgroundColor ? _.backgroundColor : \"#222c3d\"};\r\n`;\r\n\r\nconst Dot = styled.div<{ backgroundColor?: string }>`\r\n    position: absolute;\r\n    width: 9px;\r\n    height: 9px;\r\n    background-color: ${_ => _.backgroundColor ? _.backgroundColor : \"#222c3d\"};\r\n    top: -4px;\r\n    left: -4px;\r\n    border-radius: 50%;\r\n`;\r\n//#endregion\r\n\r\nexport const TimeLineMarker: React.FC<{ backgroundColor?: string, yOffset: number, left: number, label: string, title: string }> = ({ yOffset, left, label, title, backgroundColor }) => {\r\n    const labelRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n\r\n    let labelWidth = labelRef.current?.clientWidth;\r\n\r\n    return (\r\n        <Container\r\n            style={{\r\n                left: `${left}%`,\r\n            }}\r\n        >\r\n            <Label\r\n                title={title}\r\n                backgroundColor={backgroundColor}\r\n                ref={labelRef}\r\n                style={{\r\n                    top: `-${yOffset}px`,\r\n                    left: `-${labelWidth ? labelWidth / 2 : 15}px`\r\n                }}\r\n            >\r\n                {label}\r\n            </Label>\r\n            <Line\r\n                backgroundColor={backgroundColor}\r\n                style={{\r\n                    top: `-${yOffset - 18}px`,\r\n                    height: `${yOffset - 18}px`,\r\n                }}\r\n            />\r\n            <Dot\r\n                backgroundColor={backgroundColor}\r\n            />\r\n        </Container>\r\n    );\r\n};","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IFromTo } from \"../../interfaces/charts/IFromTo\";\r\nimport { ITimeBar, ITimeLineBar, ITimeLineDate, ITimeLineMarker, ITimeLineSeries } from \"../../interfaces/ITimeLineSeries\";\r\nimport { DateMarker } from \"./DateMarker\";\r\nimport { TimeBar } from \"./TimeBar\";\r\nimport { TimeLineMarker } from \"./TimeLineMarker\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst Headers = styled.div<{ width?: number }>`\r\n    min-width: ${_ => _.width ? `${_.width}px` : \"200px\"};\r\n    max-width: ${_ => _.width ? `${_.width}px` : \"200px\"};\r\n    border-right: 1px solid #ddd;\r\n`;\r\n\r\nconst Header = styled.div`\r\n    :nth-child(odd) {\r\n        border-top: 1px solid #f1f1f1\r\n    }\r\n\r\n    :nth-child(even) {\r\n        background-color: #f1f1f1;\r\n    }\r\n\r\n    :last-child {\r\n        border-bottom: 1px solid #ddd;\r\n    }\r\n`;\r\n\r\nconst TimeBarsContainer = styled.div`\r\n    flex-grow: 1;\r\n    overflow-x: auto;\r\n    position: relative;\r\n`;\r\n\r\nconst TimeBarGroup = styled.div`\r\n    :nth-child(odd) {\r\n        border-top: 1px solid #f1f1f1\r\n    }\r\n\r\n    :nth-child(even) {\r\n        background-color: #f1f1f1;\r\n    }\r\n\r\n    >div {\r\n        position: relative;\r\n    }\r\n`;\r\n\r\nconst DateMarkers = styled.div`\r\n    border-top: 1px solid #ddd;\r\n\r\n    >div {\r\n        position: relative;\r\n    }\r\n`;\r\n//#endregion\r\n\r\n//#region Local interfaces\r\ninterface ITimeBarSeries {\r\n    header?: JSX.Element\r\n    bars: ITimeBar[]\r\n    markers: ITimeMarker[]\r\n}\r\n\r\ninterface ITimeMarker {\r\n    label: string\r\n    title: string\r\n    position: number\r\n    backgroundColor?: string\r\n}\r\n\r\ninterface IChartMarker {\r\n    postion: number\r\n    yOffset: number\r\n    label: string\r\n    title: string\r\n}\r\n//#endregion\r\n\r\nexport const TimeLine: React.FC<{\r\n    series: ITimeLineSeries[],\r\n    markers?: ITimeLineMarker[],\r\n    timeZone?: string,\r\n    zoom: number,\r\n    barHeight: number\r\n    barSpace: number\r\n    barsTopPadding: number\r\n    barsBottomPadding: number\r\n    hideHeader?: boolean\r\n    sidePadding?: number\r\n    bottomPadding?: number\r\n    headerWidth?: number\r\n    defaultBounds?: IFromTo\r\n}> = ({ series, markers, timeZone, zoom, barHeight, barSpace, barsTopPadding, barsBottomPadding, sidePadding, bottomPadding, hideHeader, headerWidth, defaultBounds }) => {\r\n\r\n    const timeBarsContainerRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n    const timeBarsRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n    const [timeLineDates, setTimeLineDates] = useState<ITimeLineDate[] | undefined>();\r\n    const [data, setData] = useState<{\r\n        series: ITimeBarSeries[],\r\n        markers: IChartMarker[],\r\n        width: number,\r\n    } | undefined>();\r\n\r\n    const getBounds = (): IFromTo => {\r\n        let _min: number | undefined;\r\n        let _max: number | undefined;\r\n\r\n        series.forEach(s => {\r\n            s.bars?.forEach(_ => {\r\n                if (!_min || _.from < _min) {\r\n                    _min = _.from;\r\n                }\r\n                if (!_max || _.to > _max) {\r\n                    _max = _.to;\r\n                }\r\n            });\r\n            s.markers?.forEach(_ => {\r\n                if (!_min || _.ts < _min) {\r\n                    _min = _.ts;\r\n                }\r\n                if (!_max || _.ts > _max) {\r\n                    _max = _.ts;\r\n                }\r\n            });\r\n        });\r\n\r\n        markers?.forEach(m => {\r\n            if (!_min || m.ts < _min) {\r\n                _min = m.ts;\r\n            }\r\n            if (!_max || m.ts > _max) {\r\n                _max = m.ts;\r\n            }\r\n        });\r\n\r\n        // 5% on both ends\r\n        // if (_min && _max) {\r\n        //     let range = _max - _min;\r\n        //     let add = (range / 100) * 5;\r\n\r\n        //     _min -= add;\r\n        //     _max += add;\r\n        // }\r\n\r\n        if (_min && _max) {\r\n            return {\r\n                from: _min,\r\n                to: _max\r\n            };\r\n        }\r\n        else if (defaultBounds) {\r\n            return defaultBounds;\r\n        }\r\n        else {\r\n            return {\r\n                from: DateTime.now().startOf(\"day\").valueOf(),\r\n                to: DateTime.now().startOf(\"day\").plus({ days: 1 }).valueOf()\r\n            };\r\n        }\r\n    }\r\n\r\n    const getContainerWidth = (): number => {\r\n        return timeBarsRef.current ? timeBarsRef.current.clientWidth : 0;\r\n    }\r\n\r\n    const createTimeLineDates = (bounds: IFromTo, width: number): ITimeLineDate[] => {\r\n        let ts: ITimeLineDate[] = [];\r\n        let steps = width / 175;\r\n        let dateRange = bounds.to - bounds.from;\r\n        let step = dateRange / steps;\r\n\r\n        for (let i = 0; i < steps; i++) {\r\n            let percent = ((step * i) / dateRange) * 100;\r\n            let dateValue = bounds.from + (i * step);\r\n\r\n            ts.push({\r\n                postion: percent,\r\n                date: dateValue\r\n            });\r\n        }\r\n\r\n        return ts;\r\n    }\r\n\r\n    const createMarkers = (bounds: IFromTo, width: number): IChartMarker[] => {\r\n        let _markers: IChartMarker[] = [];\r\n\r\n        markers?.forEach(m => {\r\n            let dateRange = bounds.to - bounds.from;\r\n            let start = m.ts - bounds.from;\r\n            let percent = (start / dateRange) * 100;\r\n\r\n            _markers.push({\r\n                title: m.title,\r\n                label: m.label,\r\n                postion: percent,\r\n                yOffset: m.yOffset\r\n            });\r\n        });\r\n\r\n        return _markers;\r\n    }\r\n\r\n    const addBar = (bounds: IFromTo, b: ITimeLineBar, bars: ITimeBar[], row: number) => {\r\n        let barsOnRow = bars.filter(_ => _.row === row);\r\n        let overlapping = false;\r\n\r\n        barsOnRow.forEach(_ => {\r\n            if (b.to > _.from) {\r\n                if (b.from < _.to) {\r\n                    overlapping = true;\r\n                }\r\n            }\r\n        });\r\n\r\n        if (!overlapping) {\r\n            let dateRange = bounds.to - bounds.from;\r\n            let start = b.from - bounds.from;\r\n            let percent = (start / dateRange) * 100;\r\n            let duration = b.to - b.from;\r\n            let width = (duration / dateRange) * 100;\r\n\r\n            let timeBar: ITimeBar = {\r\n                id: b.id,\r\n                title: b.title,\r\n                calloutBody: b.calloutBody,\r\n                position: percent,\r\n                width: width,\r\n                bgColor: b.bgColor,\r\n                color: b.color,\r\n                animate: b.animate,\r\n                from: b.from,\r\n                to: b.to,\r\n                row\r\n            };\r\n\r\n            bars.push(timeBar);\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const createSeries = (timelineSeries: ITimeLineSeries[], bounds: IFromTo): ITimeBarSeries[] => {\r\n        let _series: ITimeBarSeries[] = [];\r\n\r\n        timelineSeries.forEach(s => {\r\n            let _s: ITimeBarSeries = {\r\n                header: s.header,\r\n                bars: [],\r\n                markers: []\r\n            }\r\n\r\n            s.bars?.forEach(b => {\r\n                let barAdded = false;\r\n                let row = 0;\r\n                do {\r\n                    barAdded = addBar(bounds, b, _s.bars, row);\r\n                    row++;\r\n                } while (!barAdded && row < 50);    // 50, just in case, until testet ok\r\n            })\r\n\r\n            s.markers?.forEach(m => {\r\n                let dateRange = bounds.to - bounds.from;\r\n                let start = m.ts - bounds.from;\r\n                let percent = (start / dateRange) * 100;\r\n\r\n                _s.markers.push({\r\n                    label: m.label,\r\n                    title: m.title,\r\n                    backgroundColor: m.backgroundColor,\r\n                    position: percent\r\n                });\r\n            });\r\n\r\n            _series.push(_s);\r\n        });\r\n\r\n        return _series;\r\n    }\r\n\r\n    const getTotalHeight = (bars: ITimeBar[]) => {\r\n        let numRows = bars.length > 0 ? bars.slice().sort((a, b) => { return a.row < b.row ? 1 : -1 })[0].row : 0;\r\n        let barHeightAndSpace = barHeight + barSpace;\r\n        let height = barsTopPadding + ((barHeightAndSpace * (numRows + 1) - barSpace)) + barsBottomPadding;\r\n\r\n        return height;\r\n    }\r\n\r\n    const getTop = (row: number) => {\r\n        let barAndSpace = barHeight + barSpace;\r\n        return barsTopPadding + (barAndSpace * (row));\r\n    }\r\n\r\n    const memBounds = useMemo(\r\n        () => {\r\n            return getBounds();\r\n        }, [series]\r\n    )\r\n\r\n    const memSeries = useMemo(\r\n        () => {\r\n            return createSeries(series, memBounds)\r\n        }, [series]\r\n    )\r\n\r\n    const memMarkers = useMemo(\r\n        () => {\r\n            let width = getContainerWidth();\r\n            return createMarkers(memBounds, width);\r\n        }, [markers]\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (!series || series.length === 0) {\r\n            return;\r\n        }\r\n\r\n        let _series = memSeries;\r\n        let _markers = memMarkers;\r\n\r\n        // Calculate width on container based on zoom\r\n        let innerContainerWidth = zoom * 100;\r\n\r\n        setData({\r\n            series: _series,\r\n            markers: _markers,\r\n            width: innerContainerWidth,\r\n        });\r\n    }, [zoom, series, markers]);\r\n\r\n    useEffect(() => {\r\n        let width = getContainerWidth();\r\n        let bounds = memBounds;\r\n        let ts = createTimeLineDates(bounds, width);\r\n        setTimeLineDates(ts);\r\n    }, [data])\r\n\r\n    // Scoll to center\r\n    useEffect(() => {\r\n        if (timeLineDates && timeBarsContainerRef.current && timeBarsRef.current) {\r\n            // let left = (timeBarsRef.current.clientWidth / 2) - (timeBarsContainerRef.current.clientWidth / 2);\r\n            // timeBarsContainerRef.current.scrollLeft = left;\r\n        }\r\n    }, [timeLineDates])\r\n\r\n\r\n    let _sidePadding = `${30 + (sidePadding ? sidePadding : 0)}px`;\r\n    let _bottomPadding = `${30 + (bottomPadding ? bottomPadding : 0)}px`;\r\n\r\n    return (\r\n        <Container>\r\n            {!hideHeader &&\r\n                <Headers width={headerWidth}>\r\n                    {data?.series.map((s, i) => {\r\n                        return (\r\n                            <Header\r\n                                style={{ height: `${getTotalHeight(s.bars)}px` }}\r\n                                key={`Header_${i}`}\r\n                            >\r\n                                {s.header}\r\n                            </Header>\r\n                        )\r\n                    })}\r\n                </Headers>\r\n            }\r\n            <TimeBarsContainer ref={timeBarsContainerRef}>\r\n                <div\r\n                    ref={timeBarsRef}\r\n                    style={{ width: data ? `${data.width}%` : \"100%\" }}\r\n                >\r\n                    {data?.series.map((barGroup, i) => {\r\n                        return (\r\n                            <TimeBarGroup\r\n                                key={`TimeBarGroup_${i}`}\r\n                                style={{\r\n                                    paddingLeft: _sidePadding,\r\n                                    paddingRight: _sidePadding\r\n                                }}\r\n                            >\r\n                                <div style={{ height: `${getTotalHeight(barGroup.bars)}px` }}>\r\n                                    {barGroup.bars.map(bar => {\r\n                                        return (\r\n                                            <TimeBar\r\n                                                key={`TimeBar_${bar.id}`}\r\n                                                bar={bar}\r\n                                                height={barHeight}\r\n                                                top={getTop(bar.row)}\r\n                                            />\r\n                                        );\r\n                                    })}\r\n                                    {barGroup.markers.map(m => {\r\n                                        return (\r\n                                            <TimeLineMarker\r\n                                                key={`TimeBarGroupMarker_${i}`}\r\n                                                yOffset={60}\r\n                                                left={m.position}\r\n                                                label={m.label}\r\n                                                title={m.title}\r\n                                                backgroundColor={m.backgroundColor}\r\n                                            />\r\n                                        );\r\n                                    })}\r\n                                </div>\r\n                            </TimeBarGroup>\r\n                        );\r\n                    })}\r\n                    <DateMarkers\r\n                        style={{\r\n                            paddingLeft: _sidePadding,\r\n                            paddingRight: _sidePadding,\r\n                            paddingBottom: _bottomPadding\r\n                        }}\r\n                    >\r\n                        <div>\r\n                            {timeLineDates?.map((_, i) => {\r\n                                return (\r\n                                    <DateMarker\r\n                                        key={`DateMarker_${i}`}\r\n                                        dateMarker={_}\r\n                                        timeZone={timeZone}\r\n                                    />\r\n                                );\r\n                            })}\r\n                            {data?.markers.map((_, i) => {\r\n                                return (\r\n                                    <TimeLineMarker\r\n                                        title={_.title}\r\n                                        key={`ChartMarker_${i}`}\r\n                                        yOffset={_.yOffset}\r\n                                        left={_.postion}\r\n                                        label={_.label}\r\n                                    />\r\n                                );\r\n                            })}\r\n                        </div>\r\n                    </DateMarkers>\r\n                </div>\r\n            </TimeBarsContainer>\r\n        </Container>\r\n    );\r\n};","export enum CargoOperationTypes {\r\n    Shore = 10,\r\n    Barge = 20,\r\n    CaptainsBarge = 30,\r\n    TransShipment = 40\r\n}","import { EventTriggerTypes } from \"../_enums/EventTriggerTypes\";\r\nimport { useArrayFunctions } from \"../globalHooks/useArrayFunctions\";\r\nimport { useEventFunctions } from \"../globalHooks/useEventFunctions\";\r\nimport { ICargo } from \"../interfaces/ICargo\";\r\nimport { ICargoGroup } from \"../interfaces/ICargoGroup\";\r\nimport { ICargoPort } from \"../interfaces/ICargoPort\";\r\nimport { IFlow } from \"../interfaces/IFlow\";\r\nimport { IGroupedCargo } from \"../interfaces/IGroupedCargo\";\r\nimport { ISofEvent } from \"../interfaces/ISofEvent\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\nimport { useFlowFunctions } from \"./useFlowFunctions\";\r\n\r\nexport const useCargoFunctions = () => {\r\n    const { sortByDate: sortEventsByDate, hasTriggers } = useEventFunctions();\r\n    const { getSofEventTemplate } = useFlowFunctions();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { sumArray } = useArrayFunctions();\r\n\r\n    const sumQuantity = (cargoPorts?: ICargoPort[]): number => {\r\n        if (!cargoPorts || cargoPorts.length === 0) {\r\n            return 0;\r\n        }\r\n\r\n        let sum = sumArray(cargoPorts.map(_ => _.quantity));\r\n        return sum ? sum : 0;\r\n    }\r\n\r\n    const getSumLoad = (cargo: ICargo): number => {\r\n        let cargoPorts = cargo.cargoPorts?.filter(_ => _.reasonForCall && _.reasonForCall === \"L\");\r\n        return sumQuantity(cargoPorts)\r\n    }\r\n\r\n    const getSumDischarge = (cargo: ICargo): number => {\r\n        let cargoPorts = cargo.cargoPorts?.filter(_ => _.reasonForCall && _.reasonForCall === \"D\");\r\n        return sumQuantity(cargoPorts)\r\n    }\r\n\r\n    const getGroupQuantity = (group: ICargoGroup, cargos: ICargo[]): number => {\r\n        let _cargosInGroup = cargos.slice().filter(_ => _.group?.id === group.id);\r\n        let sum = sumArray(_cargosInGroup.map(_ => _.quantity));\r\n\r\n        return sum ? sum : 0;\r\n    }\r\n\r\n    const getGroupQuantityProcessed = (group: ICargoGroup, cargos: ICargo[]): number => {\r\n        let _cargosInGroup = cargos.slice().filter(_ => _.group?.id === group.id);\r\n        let sum = sumArray(_cargosInGroup.map(_ => _.quantityProcessed ?? _.quantity));\r\n\r\n        return sum ? sum : 0;\r\n    }\r\n\r\n    const allEvents = (cargo: ICargo) => {\r\n        let events = cargo.events ? cargo.events?.slice() : [];\r\n\r\n        cargo.cargoOperations?.forEach(co => {\r\n            if (co.events) {\r\n                events = events.concat(co.events.slice());\r\n            }\r\n        });\r\n\r\n        return sortEventsByDate(events) as ISofEvent[];\r\n    }\r\n\r\n    const sortedEvents = (cargo: ICargo) => {\r\n        return cargo.events?.slice().sort((a, b) => {\r\n            let aDate = makeDateObject(a.eventDate).set({ second: 0, millisecond: 0 });\r\n            let bDate = makeDateObject(b.eventDate).set({ second: 0, millisecond: 0 });\r\n\r\n            if (aDate > bDate) {\r\n                return 1;\r\n            }\r\n            else if (aDate < bDate) {\r\n                return -1;\r\n            }\r\n            else {\r\n                return makeDateObject(a.createdFrontend) > makeDateObject(b.createdFrontend) ? 1 : -1;\r\n            }\r\n        });\r\n    }\r\n\r\n    const cargosInGroup = (group: ICargoGroup, cargos: ICargo[]) => {\r\n        return cargos.filter(_ => _.group?.id === group.id);\r\n    }\r\n\r\n    const groupCargo = (cargo: ICargo[]): IGroupedCargo[] => {\r\n        let groups: IGroupedCargo[] = [];\r\n\r\n        cargo.forEach(c => {\r\n            if (c.group) {\r\n                let existingGroup = groups.find(_ => _.group && _.group.id === c.group?.id);\r\n\r\n                if (existingGroup) {\r\n                    existingGroup.cargo.push(c);\r\n                }\r\n                else {\r\n                    groups.push({\r\n                        group: c.group,\r\n                        cargo: [c]\r\n                    });\r\n                }\r\n            }\r\n            else {\r\n                groups.push({\r\n                    cargo: [c]\r\n                });\r\n            }\r\n        });\r\n\r\n        return groups.map(g => {\r\n            return {\r\n                group: g.group,\r\n                cargo: g.cargo.sort((a, b) => a.cargoPortId! > b.cargoPortId! ? 1 : -1)\r\n            }\r\n        });\r\n    }\r\n\r\n    const getStatus = (flow?: IFlow, c?: ICargo) : \"NotStarted\" | \"Active\" | \"Finished\" | \"NotStarted\" | \"Unknown\" => {\r\n        let status: \"NotStarted\" | \"Active\" | \"Finished\" | \"NotStarted\" | \"Unknown\" = \"Unknown\";\r\n\r\n        if (!flow || !c) {\r\n            return status;\r\n        }\r\n\r\n        let startCargoEvent = c.events?.find(_ => {\r\n            let template = getSofEventTemplate(flow, _.templateId);\r\n            if (template && hasTriggers(template, [EventTriggerTypes.StartCargo, EventTriggerTypes.StartLoadDischarge])) {\r\n                return _;\r\n            }\r\n        });\r\n\r\n        let endCargoEvent = c.events?.find(_ => {\r\n            let template = getSofEventTemplate(flow, _.templateId);\r\n            if (template && hasTriggers(template, [EventTriggerTypes.EndCargo, EventTriggerTypes.EndLoadDischarge])) {\r\n                return _;\r\n            }\r\n        });\r\n\r\n        if (endCargoEvent) {\r\n            return \"Finished\";\r\n        }\r\n\r\n        if (startCargoEvent) {\r\n            return \"Active\";\r\n        }\r\n\r\n        return status;\r\n    }\r\n\r\n    \r\n\r\n    return { allEvents, cargosInGroup, getSumLoad, getSumDischarge, getGroupQuantity, getGroupQuantityProcessed, groupCargo, getStatus, sortedEvents };\r\n};","export const useArrayFunctions = () => {\r\n    const getNextId = (list?: any[], property?: string): number => {\r\n        if (!list || list.length === 0) {\r\n            return 1;\r\n        }\r\n\r\n        let sorted = list.slice().sort((a: any, b: any) => { return a[property ?? \"id\"] > b[property ?? \"id\"] ? 1 : -1 });\r\n        let last = sorted[sorted.length - 1];\r\n\r\n        return last[property ?? \"id\"] + 1;\r\n    }\r\n\r\n    const sumArray = (numberArray: (number | undefined)[] | undefined): number | undefined => {\r\n        if (numberArray && numberArray.length > 0) {\r\n            let filteredNumberArray = numberArray.filter(_ => _ !== undefined);\r\n            if (filteredNumberArray.length > 0) {\r\n                return numberArray.filter(_ => _ !== undefined)?.reduce((acc, current) => {\r\n                    if (acc !== undefined && current !== undefined) {\r\n                        return acc + current;\r\n                    }\r\n                });\r\n            }\r\n        }\r\n    }\r\n\r\n    const getUniqueNumbers = (numberArray: number[]): number[] => {\r\n        return numberArray.filter((n, i) => numberArray.indexOf(n) === i);\r\n    }\r\n\r\n    const getUniqueStrings = (stringArray: string[]): string[] => {\r\n        return stringArray.filter((n, i) => stringArray.indexOf(n) === i);\r\n    }\r\n\r\n    const getUniqueDates = (dateArray: Date[]): Date[] => {\r\n        return dateArray.filter((n, i) => dateArray.indexOf(n) === i);\r\n    }\r\n\r\n    return { getNextId, getUniqueDates, getUniqueNumbers, getUniqueStrings, sumArray };\r\n};","import React from \"react\";\r\nimport styled, { CSSProperties } from \"styled-components\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.span`\r\n    width: inherit;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n`;\r\n//#endregion\r\n\r\nexport const DateString: React.FC<{ date?: Date, title?: string, timeZone?: string, short?: boolean, dateOnly?: boolean, style?: CSSProperties }> = ({ date, title, timeZone, short, dateOnly, style }) => {\r\n    const { toDateString } = useDateFunctions();\r\n    return <Container title={title} style={style}>{toDateString(date, timeZone, short, dateOnly)}</Container>\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { faInfoCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useSofEventVersions } from \"../../../api/hooks/useSofEventVersions\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useEventFunctions } from \"../../../globalHooks/useEventFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { ISofEvent } from \"../../../interfaces/ISofEvent\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Version = styled.div`\r\n    border-bottom: 1px dotted #ccc;\r\n    padding: 20px 30px;\r\n\r\n    :nth-child(odd) {\r\n        background-color: #fafafa;\r\n    }\r\n\r\n    .event-property-description {\r\n        margin-top: 2px;\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    /* Header */\r\n    >div:first-child {\r\n        font-weight: 900;\r\n        letter-spacing: .5px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .event-version-sub-details {\r\n        font-size: 12px;\r\n        color: #aaa;\r\n        margin-top: 8px;\r\n        margin-bottom: 0;\r\n\r\n        >div {\r\n            display: flex;\r\n            margin-top: 2px;\r\n\r\n            >div:first-child {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        >div:first-child {\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst PropertyDetail = styled.div`\r\n    color: #4177bf;\r\n\r\n    >div:last-child {\r\n        color: #4177bf !important;\r\n        font-weight: 900;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EventDetailsPanel: React.FC<{ event: ISofEvent, isOpen: boolean, dismiss: () => void }> = ({ event, isOpen, dismiss }) => {\r\n    const { portCall } = usePortCallProvider();\r\n    const { relativeDateString } = useDateFunctions();\r\n    const { versions, isValidating, mutate } = useSofEventVersions(isOpen ? event.id : undefined);\r\n    const { getReadableEventData } = useEventFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n    const hasData = event.remark || event.data.filter(_ => _.value).length > 0 ? true : false;\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            mutate();\r\n        }\r\n    }, [event])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={event.name}\r\n            subTitle=\"Event details\"\r\n            working={isValidating}\r\n            isOpen={isOpen}\r\n            layerBackground=\"transparent\"\r\n            customWidth=\"400px\"\r\n            panelType={PanelType.custom}\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faInfoCircle} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Close\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            {versions && versions.map((v, i) => {\r\n                return (\r\n                    <Version key={`VersionId_${v.versionId}`}>\r\n                        <div>\r\n                            <div>\r\n                                {versions.length - i}.0 {i === 0 ? <span style={{ color: \"#4177bf\" }}>Latest</span> : <span style={{ color: \"#bbb\" }}>Inactive</span>}\r\n                            </div>\r\n                            <div className=\"event-property-description\">\r\n                                Version\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <div>\r\n                                <div><DateString title={tz} date={v.eventDate} timeZone={tz} /></div>\r\n                            </div>\r\n                            <div className=\"event-property-description\">\r\n                                Event date\r\n                            </div>\r\n                        </div>\r\n                        {hasData && getReadableEventData(v).map(d => {\r\n                            if (d.title.toLocaleLowerCase().indexOf(\"berth\") >= 0 || d.value !== \"n/a\") {\r\n                                return (\r\n                                    <PropertyDetail key={`ap_${d.title}`}>\r\n                                        <div>{d.value}</div>\r\n                                        <div className=\"event-property-description\">{d.title}</div>\r\n                                    </PropertyDetail>\r\n                                )\r\n                            }\r\n                        })}\r\n                        <div className=\"event-version-sub-details\">\r\n                            <div>\r\n                                <div>\r\n                                    Registered by:\r\n                                </div>\r\n                                <div>\r\n                                    {v.appUser ? v.appUser.name : \"API\"}\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Created in app:\r\n                                </div>\r\n                                <div>\r\n                                    <div>{relativeDateString(v.createdFrontend, { minutes: 10 }, tz, false, true)}</div>\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Processed by Api:\r\n                                </div>\r\n                                <div>\r\n                                    <div>{relativeDateString(v.created, { minutes: 10 }, tz, false, true)}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </Version>\r\n                );\r\n            })}\r\n        </AppPanelNew>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ISofEvent } from \"../../interfaces/ISofEvent\";\r\n\r\nexport const useSofEventVersions = (sofEventId?: string) => {\r\n    const { data, error, isValidating, mutate } = useSWR(sofEventId ? `/sofEvents/${sofEventId}/versions` : null, {\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let versions: ISofEvent[] = data ? data : undefined;\r\n\r\n    return { versions, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useEventFunctions } from \"../../../globalHooks/useEventFunctions\";\r\nimport { ISofEvent } from \"../../../interfaces/ISofEvent\";\r\nimport { EventTriggerTypes } from \"../../../_enums/EventTriggerTypes\";\r\nimport { EventDetailsPanel } from \"./EventDetailsPanel\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #ddd;\r\n`;\r\n\r\nconst Header = styled.div<{ expanded: boolean, highlight?: boolean }>`\r\n    padding: 20px 30px;\r\n    font-size: 14px;\r\n    display: flex;\r\n    color: #444;\r\n    cursor: pointer;\r\n    background-color: ${_ => _.expanded ? \"#f1f1f1\" : undefined};\r\n    animation: ${_ => _.highlight ? \"highlight 20s\" : \"none\"};\r\n\r\n    :hover {\r\n        border-radius: 4px;\r\n        background-color: ${_ => _.expanded ? undefined : \"#fafafa\"};\r\n    }\r\n    \r\n    @keyframes highlight {\r\n        0% { \r\n            background-color: ${_ => _.expanded ? \"#f1f1f1\" : undefined};\r\n        }\r\n        10% {\r\n            background-color: #9cf5a1;\r\n        }\r\n        80% {\r\n            background-color: #9cf5a1;\r\n        }\r\n        100% { background-color: ${_ => _.expanded ? \"#f1f1f1\" : undefined}; }\r\n    }\r\n`;\r\n\r\nconst Indicator = styled.div`\r\n    min-width: 5px;\r\n    max-width: 5px;\r\n    border-radius: 1px;\r\n    margin-right: 10px;\r\n`;\r\n\r\nconst DateAndTime = styled.div`\r\n    margin: -2px 12px 0 0;\r\n\r\n    >div {\r\n        text-align: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        margin-bottom: -5px;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n        font-weight: 900;\r\n        text-transform: lowercase;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    flex-grow: 1;\r\n    margin-right: 20px;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    color: #333;\r\n\r\n    >div:first-child {\r\n        margin-top: 1px;\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    >div:last-child {\r\n        color: #aaa;\r\n        font-size: 14px;\r\n    }\r\n`;\r\n\r\nconst Arrow = styled.div<{ expanded: boolean }>`\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 22px;\r\n    transition: transform .1s ease-in-out;\r\n    transform: rotate(${_ => _.expanded ? \"180deg\" : \"0deg\"});\r\n`;\r\n\r\nconst Main = styled.div<{ expanded: boolean }>`\r\n     display: ${_ => _.expanded ? \"block\" : \"none\"};\r\n     border-top: 1px dashed #ddd;\r\n     padding: 15px 30px;\r\n     background-color: #fafafa;\r\n\r\n     >div {\r\n        margin-bottom: 8px;\r\n\r\n        >div:first-child {\r\n            min-height: 20px;\r\n            font-size: 14px;\r\n        }\r\n\r\n        >div:last-child {\r\n            color: #aaa;\r\n            font-size: 10px;\r\n            font-weight: 500;\r\n            letter-spacing: .5px;\r\n            text-transform: uppercase;\r\n        }\r\n     }\r\n`;\r\n\r\nconst Details = styled.span`\r\n    font-size: 12px;\r\n    color: #4177bf;\r\n    cursor: pointer;\r\n    \r\n    :hover {\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Event: React.FC<{ event: ISofEvent, highlight?: boolean, timeZone?: string }> = ({ event, highlight, timeZone }) => {\r\n    const { makeDateObject: md } = useDateFunctions();\r\n    const { flow } = usePortCallProvider();\r\n    const { getReadableEventData, getEventTemplate, hasTriggers } = useEventFunctions();\r\n    const [color, setColor] = useState(\"#6598dd\");\r\n    const [focus, setFocus] = useState(false);\r\n    const [detailsOpen, setDetailsOpen] = useState(false);\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(false);\r\n    const hasData = event.remark || event.internalRemark || event.data.filter(_ => _.value).length > 0 ? true : false;\r\n    const date = md(event.eventDate, timeZone);\r\n    let timeOut: any = null;\r\n\r\n    const getIndicatorColor = () => {\r\n        let template = getEventTemplate(event.templateId, flow);\r\n        let _color = \"#6598dd\";\r\n\r\n        if (!template) {\r\n            return;\r\n        }\r\n\r\n        if (hasTriggers(template, [EventTriggerTypes.StartPortcall, EventTriggerTypes.EndPortcall])) {\r\n            _color = \"#06ad56\";\r\n        }\r\n        else if (hasTriggers(template, [EventTriggerTypes.IsDelay])) {\r\n            _color = \"#ff6060\";\r\n        }\r\n        else if (hasTriggers(template, [EventTriggerTypes.StartBerth, EventTriggerTypes.EndBerth])) {\r\n            _color = \"#ffaa44\";\r\n        }\r\n\r\n        setColor(_color);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (flow) {\r\n            getIndicatorColor();\r\n        }\r\n    }, [flow, event])\r\n\r\n    useEffect(() => {\r\n        if (!focus && highlight) {\r\n            setFocus(true);\r\n            clearTimeout(timeOut);\r\n\r\n            timeOut = setTimeout(() => {\r\n                setFocus(_ => _ = false);\r\n            }, 20000);\r\n        }\r\n    }, [highlight, event])\r\n\r\n    useEffect(() => {\r\n        return (() => {\r\n            clearTimeout(timeOut);\r\n        });\r\n    }, [])\r\n\r\n    return (\r\n        <Container>\r\n            <Header\r\n                onClick={toggleExpanded}\r\n                expanded={expanded}\r\n                highlight={focus}\r\n            >\r\n                <Indicator\r\n                    style={{\r\n                        backgroundColor: color\r\n                    }}\r\n                />\r\n                <DateAndTime>\r\n                    <div>\r\n                        {date.toFormat(\"dd\")}\r\n                    </div>\r\n                    <div>\r\n                        {date.toFormat(\"MMM\")}\r\n                    </div>\r\n                </DateAndTime>\r\n                <Body>\r\n                    <div>\r\n                        {event.name}\r\n                    </div>\r\n                    <div>\r\n                        {date.toFormat(\"HH:mm\")}\r\n                    </div>\r\n                </Body>\r\n                <Arrow expanded={expanded}>\r\n                    <FontAwesomeIcon icon={faChevronDown} style={{ color: hasData ? \"#444\" : \"#ddd\" }} />\r\n                </Arrow>\r\n            </Header>\r\n            <Main expanded={expanded}>\r\n                {hasData && getReadableEventData(event).map(d => {\r\n                    if (d.title.toLocaleLowerCase().indexOf(\"berth\") >= 0 || d.value !== \"n/a\") {\r\n                        return (\r\n                            <div key={`ap_${d.title}`}>\r\n                                <div>{d.value}</div>\r\n                                <div>{d.title}</div>\r\n                            </div>\r\n                        )\r\n                    }\r\n                })}\r\n                {!hasData &&\r\n                    <div style={{ fontSize: \"14px\" }}>No additional data registered for event.</div>\r\n                }\r\n\r\n                <Details onClick={() => setDetailsOpen(true)}>\r\n                    Versions details\r\n                </Details>\r\n            </Main>\r\n\r\n            <EventDetailsPanel\r\n                isOpen={detailsOpen}\r\n                dismiss={() => setDetailsOpen(false)}\r\n                event={event}\r\n            />\r\n\r\n        </Container>\r\n    );\r\n};","import { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useEventFunctions } from \"../../../globalHooks/useEventFunctions\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { ICargoOperation } from \"../../../interfaces/ICargoOperation\";\r\nimport { ISofEvent } from \"../../../interfaces/ISofEvent\";\r\nimport { CargoOperationTypes } from \"../../../_enums/CargoOperationTypes\";\r\nimport { Event } from \"./Event\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Header = styled.div<{ expanded: boolean }>`\r\n    border-top: 1px dashed white;\r\n    background-color: rgb(196, 228, 255) !important;\r\n    text-transform: uppercase;\r\n    font-size: 11px;\r\n    letter-spacing: .5px;\r\n    font-weight: 700;\r\n    color: #555;\r\n    padding: 0 30px;\r\n    height: 50px;\r\n    cursor: pointer;\r\n    display: grid;\r\n    grid-template-columns: auto 30px;\r\n\r\n    >div:first-child {\r\n        overflow-x: hidden;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        div {\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n        font-size: 22px;\r\n\r\n        >svg {\r\n            transition: transform .1s ease-in-out;\r\n            transform: rotate(${_ => _.expanded ? \"180deg\" : \"0deg\"});\r\n        }\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    background-color: #e5f1fc;\r\n`;\r\n//#endregion\r\n\r\nexport const CargoOperationEvents: React.FC<{ co: ICargoOperation }> = ({ co }) => {\r\n    const { portCall } = usePortCallProvider();\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(true);\r\n    const { splitCamlCase } = useStringFunctions();\r\n    const { sortByDate } = useEventFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n\r\n    return (\r\n        <div>\r\n            <Header onClick={toggleExpanded} expanded={expanded} title=\"Toggle events\">\r\n                <div>\r\n                    <div>\r\n                        <span>{splitCamlCase(CargoOperationTypes[co.operationType])} operation</span>\r\n                        {co.operationType !== CargoOperationTypes.Shore &&\r\n                            <span style={{ paddingLeft: \"5px\", fontWeight: 400 }}>\r\n                                | {co.name}\r\n                            </span>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <FontAwesomeIcon icon={faChevronDown} />\r\n                </div>\r\n            </Header>\r\n            {expanded &&\r\n                <Events>\r\n                    {sortByDate(co.events).map(_ => {\r\n                        return (\r\n                            <Event\r\n                                key={`Event_${_.id}`}\r\n                                event={_ as ISofEvent}\r\n                                timeZone={tz}\r\n                            />\r\n                        );\r\n                    })}\r\n                </Events>\r\n            }\r\n        </div>\r\n    );\r\n};","import { Icon } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useCargoFunctions } from \"../../../hooks/useCargoFunctions\";\r\nimport { useCargoOperationFunctions } from \"../../../hooks/useCargoOperationFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { ICargo } from \"../../../interfaces/ICargo\";\r\nimport { ICargoOperation } from \"../../../interfaces/ICargoOperation\";\r\nimport { CargoOperationEvents } from \"./CargoOperationEvents\";\r\nimport { Event } from \"./Event\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-bottom: 1px dashed #ddd;\r\n`;\r\n\r\nconst NoEvents = styled.div`\r\n    padding: 30px;\r\n    border-top: 1px dashed #ddd;\r\n    text-align: center;\r\n    font-size: 50px;\r\n    color: #ddd;\r\n`;\r\n//#endregion\r\n\r\nexport const CargoEvents: React.FC<{ cargo: ICargo }> = ({ cargo }) => {\r\n    const { portCall } = usePortCallProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { allEvents, sortedEvents } = useCargoFunctions();\r\n    const { start: coStart } = useCargoOperationFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n    let renderedCos: ICargoOperation[] = [];\r\n\r\n    if (allEvents(cargo).length === 0) {\r\n        return <NoEvents><Icon iconName=\"Snooze\" /></NoEvents>\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {sortedEvents(cargo)?.map((_, i) => {\r\n\r\n                let cosToRender = cargo.cargoOperations?.filter(co =>\r\n                    coStart(co) &&\r\n                    makeDateObject(coStart(co)!) < makeDateObject(_.eventDate) &&\r\n                    renderedCos.findIndex(_ => _.id === co.id) < 0\r\n                );\r\n\r\n                renderedCos = cosToRender ? renderedCos.concat(cosToRender) : renderedCos;\r\n\r\n                // If last event, render remaning co's\r\n                let remainingCosToRender: ICargoOperation[] = [];\r\n                if (i === cargo.events!.length - 1) {\r\n                    remainingCosToRender = cargo.cargoOperations ? cargo.cargoOperations?.filter(co =>\r\n                        renderedCos.findIndex(_ => _.id === co.id) < 0\r\n                    ) : [];\r\n                }\r\n\r\n                return (\r\n                    <div key={`EventContainer_${_.id}`}>\r\n                        {cosToRender?.map(co => {\r\n                            return (\r\n                                <CargoOperationEvents key={`CargoOperation_${co.id}`} co={co} />\r\n                            );\r\n                        })}\r\n                        <Event\r\n                            event={_}\r\n                            timeZone={tz}\r\n                        />\r\n                        {remainingCosToRender.map(co => {\r\n                            return (\r\n                                <CargoOperationEvents key={`CargoOperation_${co.id}`} co={co} />\r\n                            );\r\n                        })}\r\n                    </div>\r\n                );\r\n            })}\r\n        </Container>\r\n    );\r\n};","import { useEventFunctions } from \"../globalHooks/useEventFunctions\";\r\nimport { ICargoOperation } from \"../interfaces/ICargoOperation\";\r\n\r\nexport const useCargoOperationFunctions = () => {\r\n    const { sortByDate: sortEventsByDate } = useEventFunctions();\r\n\r\n    const start = (cargoOperation: ICargoOperation) => {\r\n        if(cargoOperation.events && cargoOperation.events.length) {\r\n            return sortEventsByDate(cargoOperation.events)[0].eventDate;\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    return { start };\r\n};","import { IGridTableColumn } from \"../interfaces/IGridTableColumn\";\r\n\r\nexport const useGridTable = () => {\r\n    const getData = (column: IGridTableColumn, data: any) => {\r\n        return resolveData(column.key, data);\r\n    }\r\n\r\n    const resolveData = (path: string, obj: any) => {\r\n        return path.split('.').reduce(function (prev, curr) {\r\n            return prev ? prev[curr] : null\r\n        }, obj)\r\n    }\r\n\r\n    return { getData };\r\n};","import React, { CSSProperties } from \"react\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { useGridTable } from \"../../hooks/useGridTable\";\r\n\r\ninterface IGridTableCellPropsNew {\r\n    column: IGridTableColumn\r\n    rowId: number\r\n    data: any\r\n    cellPadding?: string\r\n    noCellBorder?: boolean\r\n    cellStyle?: (rowData: any) => CSSProperties | undefined\r\n};\r\n\r\nexport const AppGridTableCellNew: React.FC<IGridTableCellPropsNew> = ({ rowId, cellPadding, column, data, noCellBorder, cellStyle }) => {\r\n    const { getData } = useGridTable();\r\n    const isError = column.isError ? column.isError(data) : false;\r\n    const isWarning = column.isWarning ? column.isWarning(data) : false;\r\n\r\n    const getCellStyle = () => {\r\n        let style: CSSProperties = {\r\n            padding: column.noPadding ? \"0\" : cellPadding,\r\n            textAlign: column.textAlign,\r\n            borderRight: noCellBorder ? \"none\" : undefined\r\n        };\r\n\r\n        if (cellStyle) {\r\n            style = Object.assign(style, cellStyle(data));\r\n        }\r\n\r\n        if (isError) {\r\n            style.backgroundColor = \"#ffe6e6\";\r\n        }\r\n\r\n        if (isWarning) {\r\n            style.backgroundColor = \" #fbffd5\";\r\n        }\r\n\r\n        return style;\r\n    }\r\n\r\n    const getTitle = () => {\r\n        if (typeof (column.title) === \"string\") {\r\n            return column.title;\r\n        }\r\n    }\r\n\r\n    return (\r\n        <td style={getCellStyle()} title={getTitle()}>\r\n            {column.render\r\n                ? column.render(data, rowId)\r\n                : getData(column, data)\r\n            }\r\n        </td>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { CSSProperties, css } from \"styled-components\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableCellNew } from \"./AppGridTableCellNew\";\r\nimport { Shimmer } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled components\r\nconst Container = styled.table <{ columns: IGridTableColumn[], hasRemoveColumn?: boolean, noAlternateRowColor?: boolean, noHoverColor?: boolean, rowShadow?: boolean, topBorder?: boolean, bottomBorder?: boolean, blueHeader?: boolean, smallHeader?: boolean }>`\r\n    display: grid;\r\n    border-collapse: collapse;\r\n    min-width: 100%;\r\n    font-size: 14px;\r\n    grid-template-columns: ${_ => _.columns.map(c => c.gridCellWidth ? c.gridCellWidth : \"auto\").join(\" \")} ${_ => _.hasRemoveColumn ? \"60px\" : undefined};\r\n    border-top: ${_ => _.topBorder ? \"1px solid #eee\" : undefined};\r\n\r\n    thead, tbody, tr {\r\n        display: contents;\r\n    }\r\n\r\n    th {\r\n        padding: 16px;\r\n        text-align: left;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        color: #999;\r\n        font-weight: 400;\r\n        border-bottom: 1px solid #eee;\r\n        text-transform: capitalize;\r\n    }\r\n\r\n    th:first-child  {\r\n        padding-left: 30px;\r\n    }\r\n\r\n    th:last-child {\r\n        padding-right: 30px;\r\n    }\r\n\r\n    td {\r\n        position: relative;\r\n        padding: 16px;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        border-top: 1px solid transparent;\r\n        border-bottom: 1px solid #eee;\r\n        border-right: 1px solid #eee;\r\n    }\r\n\r\n    td:first-child  {\r\n        padding-left: 30px;\r\n    }\r\n\r\n    td:last-child {\r\n        padding-right: 30px;\r\n        border-right: none !important;\r\n    }\r\n\r\n    td.remove {\r\n        padding: 0;\r\n        cursor: pointer;\r\n\r\n        >div {\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n\r\n    th.remove {\r\n        padding: 12px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    tr:nth-child(even) {\r\n        td {\r\n            background-color: ${_ => _.noAlternateRowColor ? undefined : \"rgba(0,0,0,0.02)\"};\r\n        }\r\n    }\r\n\r\n    tr.selected {\r\n        td {\r\n            color: #4177bf;\r\n            background-color: #ecf5fd; \r\n        }\r\n        td:first-child {\r\n            border-left-color: #4177bf;\r\n        }\r\n    }\r\n\r\n    tr.error {\r\n        td {\r\n            color: red;\r\n            background-color: #ffe6e6; \r\n        }\r\n    }\r\n\r\n    tr.warning {\r\n        td {\r\n            background-color: #fbffd5;\r\n        }\r\n    }\r\n    \r\n    ${_ => _.noHoverColor\r\n        ? undefined\r\n        : css`\r\n            tr:hover {\r\n                td {\r\n                    color: #333;\r\n                    background-color: #ecf5fd;\r\n                }\r\n            }        \r\n        `\r\n    }\r\n\r\n    ${_ => _.rowShadow\r\n        ? css`\r\n            tr:hover {\r\n                td {\r\n                    box-shadow: 12px 0 6px 6px #e9e9e9;\r\n                    transition: box-shadow .5s ease-in-out;\r\n                }\r\n            }        \r\n        `\r\n        : undefined\r\n    }\r\n\r\n    ${_ => _.bottomBorder\r\n        ? undefined\r\n        : css`\r\n                tr:last-child {\r\n                    td {\r\n                        border-bottom: none;\r\n                    }\r\n                }\r\n            `\r\n    }\r\n\r\n    ${_ => _.blueHeader\r\n        ? css`\r\n            thead {\r\n                tr {\r\n                    th {\r\n                        position: sticky;\r\n                        top: 0;\r\n                        color: white;\r\n                        font-size: 10px;\r\n                        text-transform: uppercase;\r\n                        letter-spacing: 1px;\r\n                        font-weight: 500;\r\n                        padding-top: 12px;\r\n                        padding-bottom: 12px;\r\n                        border-bottom: none;\r\n                        z-index: 1;\r\n                        background-color: rgb(46, 105, 185, .9);\r\n                    }\r\n                }\r\n            }        \r\n        `\r\n        : undefined\r\n    }\r\n    \r\n    ${_ => _.smallHeader\r\n        ? css`\r\n            thead {\r\n                tr {\r\n                    th {\r\n                        position: sticky;\r\n                        top: 0;\r\n                        font-size: 11px;\r\n                        font-weight: 500;\r\n                        padding-top: 12px;\r\n                        padding-bottom: 12px;\r\n                        color: #999;\r\n                        background-color: white;\r\n                        z-index: 1;\r\n                    }\r\n                }\r\n            }        \r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n\r\nconst NoData = styled.div`\r\n    padding: 20px 30px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion\r\n\r\ninterface IAppGridTablePropsNew {\r\n    columns: IGridTableColumn[]\r\n    data?: any[]\r\n    loading?: boolean\r\n    rowClick?: (rowData: any, rowIndex: number) => void\r\n    rowRemove?: (rowData: any, rowIndex: number) => void\r\n    cellPadding?: string\r\n    rowError?: (rowData: any) => boolean\r\n    rowWarning?: (rowData: any) => boolean\r\n    selectedRow?: (rowData: any) => boolean\r\n    noAlternateRowColor?: boolean\r\n    noHoverColor?: boolean\r\n    rowShadow?: boolean\r\n    topBorder?: boolean\r\n    bottomBorder?: boolean\r\n    hideHeader?: boolean\r\n    blueHeader?: boolean\r\n    smallHeader?: boolean\r\n    emptyMessage?: string\r\n    noCellBorder?: boolean\r\n    numShimmerRows?: number\r\n    cellStyle?: (rowData: any) => CSSProperties | undefined\r\n}\r\n\r\nexport const AppGridTableNew: React.FC<IAppGridTablePropsNew> = ({ columns, data, loading, rowClick, rowRemove, cellPadding, rowError, rowWarning, selectedRow, noAlternateRowColor, noHoverColor, rowShadow, topBorder, bottomBorder, hideHeader, blueHeader, smallHeader, emptyMessage, noCellBorder, numShimmerRows, cellStyle }) => {\r\n    const columnsToRender = columns.filter(_ => !_.exclude);\r\n\r\n    const getRowClassNames = (rowData: any) => {\r\n        let classNames: string[] = [];\r\n\r\n        if (selectedRow && selectedRow(rowData)) {\r\n            classNames.push(\"selected\");\r\n        }\r\n\r\n        if (rowError && rowError(rowData)) {\r\n            classNames.push(\"error\");\r\n        }\r\n\r\n        if (rowWarning && rowWarning(rowData)) {\r\n            classNames.push(\"warning\");\r\n        }\r\n\r\n        return classNames.join(\" \");\r\n    }\r\n\r\n    if (!loading && (!data || data.length === 0)) {\r\n        return (\r\n            <NoData>\r\n                {emptyMessage ? emptyMessage : \"No data available at the moment.\"}\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container columns={columnsToRender} hasRemoveColumn={rowRemove ? true : false} noAlternateRowColor={noAlternateRowColor} noHoverColor={noHoverColor} rowShadow={rowShadow} topBorder={topBorder} bottomBorder={bottomBorder} blueHeader={blueHeader} smallHeader={smallHeader}>\r\n            {!hideHeader &&\r\n                <thead>\r\n                    <tr>\r\n                        {columnsToRender.map(_ => {\r\n                            return (\r\n                                <th\r\n                                    key={`AppGridTableHeader_${_.key}`}\r\n                                    title={_.title ? _.title : _.key}\r\n                                    style={{\r\n                                        textAlign: _.textAlign,\r\n                                    }}\r\n                                >\r\n                                    {_.title ? _.title : _.key}\r\n                                </th>\r\n                            )\r\n                        })}\r\n                        {rowRemove &&\r\n                            <th key={`AppGridTableHeader_Remove`} className=\"remove\">\r\n                                <FontAwesomeIcon icon={faTrashAlt} />\r\n                            </th>\r\n                        }\r\n                    </tr>\r\n                </thead>\r\n            }\r\n            <tbody>\r\n                {loading\r\n                    ?\r\n                    <>\r\n                        {Array.from(new Array(numShimmerRows ? numShimmerRows : 5)).map((_, rowId) => {\r\n                            return (\r\n                                <tr key={`AppGridTableRow_${rowId}`}>\r\n                                    {columnsToRender.map((c, cellId) => {\r\n                                        return (\r\n                                            <td key={`AppGridTableCell_${cellId}`} style={{ backgroundColor: \"transparent\" }}>\r\n                                                <Shimmer\r\n                                                    styles={{\r\n                                                        shimmerGradient: [\r\n                                                            {\r\n                                                                backgroundImage: 'linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e4e4e4 50%, rgba(255, 255, 255, 0) 100%)',\r\n                                                            },\r\n                                                        ],\r\n                                                    }} />\r\n                                            </td>\r\n                                        );\r\n                                    })}\r\n                                </tr>\r\n                            );\r\n                        })}\r\n                    </>\r\n                    :\r\n                    <>\r\n                        {data?.map((rowData, rowId) => {\r\n                            let classNames = getRowClassNames(rowData);\r\n                            let rStyle = { cursor: rowClick ? \"pointer\" : undefined };\r\n\r\n                            return (\r\n                                <tr\r\n                                    key={`AppGridTableRow_${rowId}`}\r\n                                    style={rStyle}\r\n                                    className={classNames}\r\n                                    onClick={ev => {\r\n                                        if (rowClick) {\r\n                                            ev.preventDefault();\r\n                                            ev.stopPropagation();\r\n                                            rowClick(rowData, rowId);\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    {columnsToRender.map((c, cellId) => {\r\n                                        return (\r\n                                            <AppGridTableCellNew\r\n                                                key={`AppGridTableCell_${cellId}`}\r\n                                                noCellBorder={noCellBorder}\r\n                                                column={c}\r\n                                                data={rowData}\r\n                                                rowId={rowId}\r\n                                                cellPadding={cellPadding}\r\n                                                cellStyle={cellStyle}\r\n                                            />\r\n                                        );\r\n                                    })}\r\n                                    {rowRemove &&\r\n                                        <td className=\"remove\" title=\"Remove\" onClick={() => rowRemove(rowData, rowId)}>\r\n                                            <div>\r\n                                                <FontAwesomeIcon icon={faTrashAlt} />\r\n                                            </div>\r\n                                        </td>\r\n                                    }\r\n                                </tr>\r\n                            );\r\n                        })}\r\n                    </>\r\n                }\r\n            </tbody>\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ small?: boolean }>`\r\n    background-color: white;\r\n    font-size: ${_ => _.small ? \"12px\" : \"14px\"};\r\n    border-radius: 6px;\r\n    box-shadow: 0 0 4px #aaa;\r\n\r\n    .tt-header {\r\n        padding: ${_ => _.small ? \"8px 14px\" : \"10px 14px\"};\r\n        font-weight: 700;\r\n        background-color: #fafafa;\r\n        border-bottom: 1px solid #ddd;\r\n        border-radius: 6px 6px 0 0;\r\n    }\r\n\r\n    .tt-payload {\r\n        padding: 1px 0;\r\n\r\n        >div {\r\n            padding: ${_ => _.small ? \"6px 14px\" : \"8px 14px\"};\r\n            display: flex;\r\n            border-bottom: 1px solid #ddd;\r\n\r\n            >div:last-child {\r\n                flex-grow: 1;\r\n                display: flex;\r\n                margin-left: 20px;\r\n                justify-content: flex-end;\r\n            }\r\n\r\n            :last-child {\r\n                border-bottom: none;\r\n            }\r\n\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ReChartsTooltip: React.FC<{ small?: boolean }> = ({ small, children }) => {\r\n    return (\r\n        <Container small={small}>\r\n            {children}\r\n        </Container>\r\n    );\r\n};","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { YAxis, ResponsiveContainer, Tooltip, XAxis, Bar, CartesianGrid, ComposedChart, Line } from 'recharts';\r\nimport { ICargo } from \"../../../../interfaces/ICargo\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppPanelSubHeaderNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\nimport { ReChartsTooltip } from \"../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { ICargoHandlingRate, ICargoRateSummary } from \"../../../../interfaces/ICargoHandlingRate\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { Callout } from \"@fluentui/react\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faInfoCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppToLink } from \"../../../../blocks/appLink/AppLink\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: inherit;\r\n    border-top: 1px dashed #ddd;\r\n    padding-top: 20px;\r\n\r\n    .header {\r\n        padding: 0 30px;\r\n    }\r\n\r\n    .sub-header {\r\n        margin: -10px 0 20px;\r\n        padding: 0 30px;\r\n        color: #777;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .chart {\r\n        height: 110px;\r\n        margin-bottom: 20px;\r\n    }\r\n`;\r\n\r\nconst RateHelper = styled.div`\r\n    >div:first-child {\r\n        font-size: 20px;\r\n        color: #4177bf;\r\n        cursor: pointer;\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    max-width: 200px;\r\n    padding: 15px 25px;\r\n    font-size: 12px;\r\n    /* color: #777; */\r\n    line-height: 18px;\r\n\r\n    code {\r\n        font-weight: 600;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IChartData extends ICargoHandlingRate {\r\n    dateString: string\r\n}\r\n\r\nexport const PcCargoPanelRate: FC<{ cargo: ICargo, rateSummary: ICargoRateSummary }> = ({ cargo, rateSummary }) => {\r\n    const { makeDateObject: md, toDateString } = useDateFunctions();\r\n    const { splitCamlCase } = useStringFunctions();\r\n    const [chartData, setChartData] = useState<IChartData[] | undefined>();\r\n    const [rateInfoOpen, { toggle: toggleRateInfoOpen }] = useBoolean(false);\r\n    const calloutButtonId = useId('callout-button');\r\n    const isLoading = cargo.reasonForCall?.id === 3;\r\n    const measurement = cargo.measurement?.name;\r\n\r\n    useEffect(() => {\r\n        if (rateSummary.rates.filter(_ => !_.isStart && !_.isEnd).length > 0) {\r\n            setChartData(rateSummary.rates.map(r => {\r\n                return { ...r, dateString: md(r.dateAndTime).toFormat(\"ccc/HH:mm\") }\r\n            }));\r\n        }\r\n        else {\r\n            setChartData(undefined);\r\n        }\r\n    }, [rateSummary])\r\n\r\n    if (!chartData && rateSummary.averageHourlyRate === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <AppPanelSubHeaderNew\r\n                    title={`${isLoading ? \"Loading\" : \"Discharging\"} rate`}\r\n                    actions={\r\n                        !chartData ?\r\n                            [{\r\n                                title: \"Rate info\",\r\n                                render: () => {\r\n                                    return (\r\n                                        <RateHelper key=\"RateInfo\" id={calloutButtonId} onClick={toggleRateInfoOpen}>\r\n                                            <div title=\"Rate info\">\r\n                                                <FontAwesomeIcon icon={faInfoCircle} />\r\n                                            </div>\r\n                                            {rateInfoOpen &&\r\n                                                <Callout\r\n                                                    target={`#${calloutButtonId}`}\r\n                                                    onDismiss={toggleRateInfoOpen}\r\n                                                >\r\n                                                    <CalloutBody>\r\n                                                        To calculate hourly {cargo.reasonForCall?.id === 3 ? \"loading \" : \"discharging \"}\r\n                                                        rates and plot them in charts, the vessel must register \"<code>cargo rate</code>\" events. This can be configured in <AppToLink to={\"/flows\"}>flows</AppToLink>.\r\n                                                        <br /><br />\r\n                                                        Contact <AppToLink to={\"/help/form?s=Configuring cargo rate events\"}>support</AppToLink> or see the <AppToLink to=\"/help/docs\">help section</AppToLink> for additional information.\r\n                                                    </CalloutBody>\r\n                                                </Callout>\r\n                                            }\r\n                                        </RateHelper>\r\n                                    );\r\n                                },\r\n                            }]\r\n                            : undefined\r\n                    }\r\n                />\r\n            </div>\r\n            <div className=\"sub-header\">\r\n                <div>\r\n                    Avg. rate: {rateSummary.averageHourlyRate.toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}/hour\r\n                </div>\r\n                {rateSummary.averageHourlyRateExcludingStoppagesAndIdle !== rateSummary.averageHourlyRate &&\r\n                    <div>\r\n                        Avg. rate ex. stoppage and idle time: {rateSummary.averageHourlyRateExcludingStoppagesAndIdle.toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}/hour\r\n                    </div>\r\n                }\r\n            </div>\r\n            {chartData &&\r\n                <div className=\"chart\">\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <ComposedChart\r\n                            data={chartData}\r\n                            margin={{\r\n                                top: 4\r\n                            }}\r\n                        >\r\n                            <CartesianGrid strokeDasharray=\"2 2\" />\r\n                            <XAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                dataKey=\"dateString\"\r\n                                scale=\"point\"\r\n                                padding={{ left: 10, right: 10 }}\r\n                                fontSize={12}\r\n                                tickMargin={10}\r\n                            />\r\n                            <YAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                yAxisId=\"left\"\r\n                                fontSize={12}\r\n                                tickMargin={4}\r\n                            />\r\n                            <YAxis\r\n                                yAxisId=\"right\"\r\n                                orientation=\"right\"\r\n                                fontSize={12}\r\n                                tickMargin={4}\r\n                            />\r\n                            <Tooltip\r\n                                content={_ => {\r\n                                    let label = \"Unknown\";\r\n\r\n                                    if (_.payload && _.payload.length > 0) {\r\n                                        let data = _.payload[0].payload as IChartData;\r\n                                        label = toDateString(data.dateAndTime);\r\n                                    }\r\n\r\n                                    return (\r\n                                        <ReChartsTooltip>\r\n                                            <div className=\"tt-header\">\r\n                                                {label}\r\n                                            </div>\r\n                                            <div className=\"tt-payload\">\r\n                                                {_.payload?.map(p => {\r\n                                                    let title = splitCamlCase(p.name?.toString());\r\n\r\n                                                    if (p.name?.toString() === \"cargoOnboard\") {\r\n                                                        title = isLoading && p.name?.toString() === \"cargoOnboard\"\r\n                                                            ? \"Cargo loaded\"\r\n                                                            : \"Remaining on board\";\r\n                                                    }\r\n\r\n                                                    return (\r\n                                                        <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                            <div>\r\n                                                                {title}\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                {p.value?.toLocaleString(undefined, { maximumFractionDigits: 0 })}\r\n                                                                &nbsp;\r\n                                                                {p.name?.toString().toLowerCase() === \"rate\"\r\n                                                                    ? `${measurement} / hour`\r\n                                                                    : measurement\r\n                                                                }\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    );\r\n                                                })}\r\n                                            </div>\r\n                                        </ReChartsTooltip>\r\n                                    );\r\n                                }}\r\n                            />\r\n                            <Bar\r\n                                cursor=\"pointer\"\r\n                                dataKey=\"cargoOnboard\"\r\n                                fill=\"#4177bf\"\r\n                                yAxisId=\"right\"\r\n                                animationDuration={500}\r\n                                barSize={10}\r\n                            />\r\n                            <Line\r\n                                yAxisId=\"left\"\r\n                                type=\"monotone\"\r\n                                dataKey=\"ratePrHour\"\r\n                                stroke=\"#06ad56\"\r\n                                fill=\"transparent\"\r\n                                strokeWidth={2}\r\n                                animationDuration={500}\r\n                            />\r\n                        </ComposedChart>\r\n                    </ResponsiveContainer>\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBinoculars, faBox } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { CargoEvents } from \"../events/CargoEvents\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { ICargo } from \"../../../interfaces/ICargo\";\r\nimport { useCargoFunctions } from \"../../../hooks/useCargoFunctions\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\nimport { PcCargoPanelRate } from \"./modules/PcCargoPanelRate\";\r\nimport { ICargoRateSummary } from \"../../../interfaces/ICargoHandlingRate\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Details = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div:first-child {\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    >div:last-child {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        column-gap: 20px;\r\n        row-gap: 15px;\r\n\r\n        >div {\r\n            >div:last-child {\r\n                color: #aaa;\r\n                font-size: 10px;\r\n                font-weight: 500;\r\n                letter-spacing: .5px;\r\n                text-transform: uppercase;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CargoGroup = styled.div`\r\n    border-top: 1px dashed #ddd;\r\n    background-color: #f1f1f1;\r\n    padding: 25px 24px 20px;\r\n    position: relative;\r\n    margin-top: 10px;\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        top: -10px;\r\n        left: 30px;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        font-size: 10px;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n        letter-spacing: .5px;\r\n        padding: 2px 6px;\r\n        border-radius: 2px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcCargoPanel: React.FC<{ isOpen: boolean, dismiss: () => void, cargo: ICargo, rateSummary?: ICargoRateSummary }> = ({ isOpen, dismiss, cargo, rateSummary }) => {\r\n    const { cargosInGroup, getGroupQuantity, getGroupQuantityProcessed } = useCargoFunctions();\r\n    const { cargo: cargos } = usePortCallProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"commodity.name\",\r\n        },\r\n        {\r\n            key: \"charterer.name\",\r\n            render: (c: ICargo) => {\r\n                return (\r\n                    <span style={{ color: \"#999\" }}>\r\n                        {c.charterer?.name}\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"quanity\",\r\n            render: (c: ICargo) => {\r\n                return (\r\n                    <div style={{ textAlign: \"right\" }}>\r\n                        {c.quantity?.toLocaleString(undefined, { maximumFractionDigits: 3 })} {c.measurement?.name}\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"tracking\",\r\n            render: (c: ICargo) => {\r\n                let trackingActive = c.trackingActive && c.charterer?.trackingActive ? true : false;\r\n                if (trackingActive) {\r\n                    return <CargoTracker cargo={c} iconOnly={true} />;\r\n                }\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={cargo.group ? cargo.group.name : cargo.commodity!.name}\r\n            subTitle={cargo.reasonForCall?.code === \"L\" ? \"Loading\" : \"Discharging\"}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"450px\"\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faBox} />}\r\n            footerButtons={[{\r\n                title: \"Close\",\r\n                onClick: dismiss\r\n            }]}\r\n        >\r\n\r\n            <Details>\r\n                <AppPanelSubHeaderNew title=\"Cargo details\" />\r\n                <div>\r\n                    <div>\r\n                        <div>{cargo.group ? `Grouped cargo (${cargosInGroup(cargo.group, cargos).length})` : cargo.charterer ? toCapitalLetters(cargo.charterer.name) : \"No charterer\"}</div>\r\n                        <div>Charterer</div>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            {cargo.group\r\n                                ? `${getGroupQuantity(cargo.group, cargos).toLocaleString(undefined, { maximumFractionDigits: 3 })} ${cargo.group.quantityUnit}`\r\n                                : `${cargo.quantity?.toLocaleString(undefined, { maximumFractionDigits: 3 })} ${cargo.measurement ? cargo.measurement.name : cargo.commodity?.defaultMeasurement?.name}`\r\n                            }\r\n                        </div>\r\n                        <div>{cargo.group ? \"Total booked qty\" : \"Booked qty\"}</div>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            {cargo.group\r\n                                ? `${getGroupQuantityProcessed(cargo.group, cargos).toLocaleString(undefined, { maximumFractionDigits: 3 })} ${cargo.group.quantityUnit}`\r\n                                : `${cargo.quantityProcessed?.toLocaleString(undefined, { maximumFractionDigits: 3 })} ${cargo.measurement ? cargo.measurement.name : cargo.commodity?.defaultMeasurement?.name}`\r\n                            }\r\n                        </div>\r\n                        <div>{cargo.group ? \"Total processed qty\" : \"Processed qty\"}</div>\r\n                    </div>\r\n                    {cargo.trackingActive && cargo.charterer?.trackingActive &&\r\n                        <div>\r\n                            <CargoTracker cargo={cargo} />\r\n                            <div>Tracking</div>\r\n                        </div>\r\n                    }\r\n                    {cargo.cargoOperations && cargo.cargoOperations.length > 0 &&\r\n                        <div>\r\n                            <div>{cargo.cargoOperations.length}</div>\r\n                            <div># operations</div>\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </Details>\r\n\r\n            {cargo.group &&\r\n                <CargoGroup>\r\n                    <div>\r\n                        Cargo in group\r\n                    </div>\r\n                    <AppGridTableNew\r\n                        hideHeader\r\n                        columns={columns}\r\n                        data={cargosInGroup(cargo.group, cargos)}\r\n                        cellPadding=\"3px 6px\"\r\n                        noHoverColor\r\n                    />\r\n                </CargoGroup>\r\n            }\r\n\r\n            {rateSummary &&\r\n                <PcCargoPanelRate\r\n                    cargo={cargo}\r\n                    rateSummary={rateSummary}\r\n                />\r\n            }\r\n\r\n            <CargoEvents cargo={cargo} />\r\n        </AppPanelNew>\r\n    );\r\n}\r\n\r\n//#region Styled Components\r\nconst CargoTrackerLink = styled.div`\r\n    display: flex;\r\n    cursor: pointer;\r\n\r\n    >div:first-child {\r\n        margin-right: 5px;\r\n    }\r\n\r\n    :hover {\r\n        color: #4177bf;\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n\r\nconst CargoTrackerIcon = styled.div`\r\n    cursor: pointer;\r\n    :hover {\r\n        color: #4177bf;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CargoTracker: React.FC<{ cargo: ICargo, iconOnly?: boolean }> = ({ cargo, iconOnly }) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const generateStatus = () => {\r\n        if (!cargo.trackingActive || !cargo.charterer?.trackingActive) {\r\n            return <span>No tracking</span>;\r\n        }\r\n\r\n        if (!cargo.cargoTracker || !cargo.cargoTracker.active) {\r\n            return <span>Awaits activation</span>;\r\n        }\r\n\r\n        if (cargo.cargoTracker.expires && makeDateObject(cargo.cargoTracker.expires) < DateTime.now()) {\r\n            return <span>Tracking link expired</span>;\r\n        }\r\n\r\n\r\n        return iconOnly\r\n            ? <CargoTrackerIcon>\r\n                <FontAwesomeIcon\r\n                    icon={faBinoculars}\r\n                    onClick={() => window.open(`/open/track?t=${cargo.cargoTracker?.trackingReference}`, \"_blank\")}\r\n                    title={`Active, expires ${cargo.cargoTracker.expires ? makeDateObject(cargo.cargoTracker.expires).toFormat(\"MMM. dd @ HH:mm\") : \"?\"}`}\r\n                />\r\n            </CargoTrackerIcon>\r\n            : <CargoTrackerLink\r\n                title=\"Show tracking\"\r\n                onClick={() => window.open(`/open/track?t=${cargo.cargoTracker?.trackingReference}`, \"_blank\")}\r\n            >\r\n                <div>\r\n                    <FontAwesomeIcon icon={faBinoculars} />\r\n                </div>\r\n                <div>\r\n                    Active, expires {cargo.cargoTracker.expires ? makeDateObject(cargo.cargoTracker.expires).toFormat(\"MMM. dd @ HH:mm\") : \"?\"}\r\n                </div>\r\n            </CargoTrackerLink>\r\n            ;\r\n    }\r\n\r\n    return generateStatus();\r\n}","import React, { useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport useMessages from \"../../../hooks/useMessages\";\r\nimport { faArrowRight, faBinoculars, faChartLine, faUser, faUserGroup } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { useCargoFunctions } from \"../../../hooks/useCargoFunctions\";\r\nimport { ICargo } from \"../../../interfaces/ICargo\";\r\nimport { PcCargoPanel } from \"./PcCargoPanel\";\r\nimport { useCargoRateSummary } from \"../../../api/hooks/useCargoRateSummary\";\r\nimport { useParams } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ hasEvents: boolean }>`\r\n    cursor: pointer;\r\n    font-size: 14px;\r\n    display: grid;\r\n    grid-template-columns: 1fr max-content;\r\n    column-gap: 10px;\r\n    height: 100%;\r\n    position: relative;\r\n\r\n    .cargo-info {\r\n        padding: 16px 0 0 30px;\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n\r\n        >div {\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .cargo-info-sub {\r\n            margin-top: 2px;\r\n            font-size: 11px;\r\n            letter-spacing: .5px;\r\n            text-transform: uppercase;\r\n            color: #999;\r\n\r\n            >span {\r\n                padding-right: 10px;\r\n\r\n                svg {\r\n                    font-size: 10px;\r\n                    padding: 0 4px 1px 0;\r\n                }                \r\n            }\r\n\r\n            .rate {\r\n                color: #4177bf;\r\n            }\r\n        }\r\n    }\r\n\r\n    .cargo-info-num-events {\r\n        padding: 15px 20px 0 0;\r\n        >div {\r\n            width: 20px;\r\n            height: 20px;\r\n            color: #bbb;\r\n            border: 2px solid #bbb;\r\n            background-color: #fafafa;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    ${_ => _.hasEvents\r\n        ? css`\r\n            .cargo-info-num-events {\r\n                >div {\r\n                    color: #333;\r\n                    border-color: #4177bf;\r\n                    background-color: #f0f4ff;\r\n                }\r\n            }\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcCargoHeader: React.FC<{ cargo: ICargo }> = ({ cargo }) => {\r\n    const { id: portcallId } = useParams<{ id: any }>();\r\n    const { allEvents, cargosInGroup, getGroupQuantity } = useCargoFunctions();\r\n    const { cargo: cargos } = usePortCallProvider();\r\n    const { cargoRateSummary, mutate: mutateRates } = useCargoRateSummary(cargo.cargoPortId!);\r\n    const [panelOpen, setPanelOpen] = useState(false);\r\n    const trackingActive = cargo.trackingActive && cargo.charterer?.trackingActive ? true : false;\r\n    const allCargoEvents = allEvents(cargo);\r\n\r\n    const commodityName = cargo.group\r\n        ? `${cargo.group.name}, ${getGroupQuantity(cargo.group, cargos).toLocaleString(undefined, { maximumFractionDigits: 0 })} ${cargo.group.quantityUnit}`\r\n        : `${cargo.commodity!.name}, ${cargo.quantity?.toLocaleString(undefined, { maximumFractionDigits: 0 })} ${cargo.measurement ? cargo.measurement.name : cargo.commodity!.defaultMeasurement?.name}`;\r\n\r\n    const chartererName = cargo.group\r\n        ? <span><FontAwesomeIcon icon={faUserGroup} />Grouped cargo {cargosInGroup(cargo.group, cargos).length}</span>\r\n        : <span><FontAwesomeIcon icon={faUser} />{cargo.charterer ? cargo.charterer.name : \"No charterer\"}</span>;\r\n\r\n    const getTracking = () => {\r\n        if (cargo.group) {\r\n            let trackedCargo = cargosInGroup(cargo.group, cargos).filter(_ => _.trackingActive && _.charterer?.trackingActive);\r\n            if (trackedCargo.length > 0) {\r\n                return <span><FontAwesomeIcon icon={faBinoculars} />Tracking</span>;\r\n            }\r\n        }\r\n        else if (trackingActive) {\r\n            return <span><FontAwesomeIcon icon={faBinoculars} />Tracking</span>;\r\n        }\r\n    }\r\n\r\n    const getSubInfo = () => {\r\n        return (\r\n            <>\r\n                {chartererName}\r\n                {getTracking()}\r\n                {cargoRateSummary && cargoRateSummary.averageHourlyRate > 0 &&\r\n                    <span className=\"rate\">\r\n                        <FontAwesomeIcon icon={faChartLine} />\r\n                        {cargoRateSummary?.averageHourlyRate.toLocaleString(undefined, { maximumFractionDigits: 0 })} {cargo.measurement?.name}/h\r\n                    </span>\r\n                }\r\n            </>\r\n        );\r\n    }\r\n\r\n    useMessages(\"Event\", m => {\r\n        if (m.portCallId === Number(portcallId)) {\r\n            mutateRates();\r\n        }\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <Container hasEvents={allCargoEvents.length > 0} onClick={() => { setPanelOpen(true) }} title=\"Click for more cargo details\">\r\n                <div className=\"cargo-info\">\r\n                    <div className=\"cargo-info-commodity\">\r\n                        <FontAwesomeIcon icon={faArrowRight} style={{ transform: cargo.reasonForCall?.id === 3 ? \"rotateZ(45deg)\" : \"rotateZ(-45deg)\" }} /> {commodityName}\r\n                    </div>\r\n                    <div className=\"cargo-info-sub\">\r\n                        {getSubInfo()}\r\n                    </div>\r\n                </div>\r\n                <div className=\"cargo-info-num-events\">\r\n                    <div>\r\n                        {allCargoEvents.length}\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n            <PcCargoPanel\r\n                isOpen={panelOpen}\r\n                dismiss={() => setPanelOpen(false)}\r\n                cargo={cargo}\r\n                rateSummary={cargoRateSummary}\r\n            />\r\n        </>\r\n    );\r\n};","export enum FlowDurationTypes {\r\n    FirstToLast = 0,\r\n    All = 1\r\n}","import useSWR from \"swr\";\r\nimport { ICargoRateSummary } from \"../../interfaces/ICargoHandlingRate\";\r\n\r\nexport const useCargoRateSummary = (cargoPortId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/cargoPorts/${cargoPortId}/rate`, {\r\n        dedupingInterval: 60 * 1000,\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let cargoRateSummary: ICargoRateSummary | undefined = data;\r\n\r\n    return { cargoRateSummary, error, isValidating, mutate };\r\n};","import React, { useMemo } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { usePortCallFunctions } from \"../../../globalHooks/usePortCallFunctions\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBoxes, faRedo, faSearchMinus, faSearchPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { TimeLine } from \"../../../blocks/timeLine/TimeLine\";\r\nimport { ITimeLineBar, ITimeLineMarker, ITimeLineSeries } from \"../../../interfaces/ITimeLineSeries\";\r\nimport { useEventFunctions } from \"../../../globalHooks/useEventFunctions\";\r\nimport { IFlowDuration } from \"../../../interfaces/IFlow\";\r\nimport { PcCargoHeader } from \"./PcCargoHeader\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { FlowDurationTypes } from \"../../../_enums/FlowDurationTypes\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { ICargo } from \"../../../interfaces/ICargo\";\r\nimport { useCargoFunctions } from \"../../../hooks/useCargoFunctions\";\r\nimport { ISofEvent } from \"../../../interfaces/ISofEvent\";\r\nimport { ICargoOperation } from \"../../../interfaces/ICargoOperation\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { IPortCall } from \"../../../interfaces/IPortCall\";\r\n\r\n//#region Styled Components\r\nconst CalloutBody = styled.div`\r\n    background-color: #fafafa;\r\n    padding: 15px 20px;\r\n\r\n    >div {\r\n        margin-bottom: 5px;\r\n\r\n        .description {\r\n            margin-top: 2px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            font-size: 10px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        :last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcCargos = () => {\r\n    const { portCall: pc, timeZone, flow, cargo } = usePortCallProvider();\r\n    const { getScheduledStay } = usePortCallFunctions();\r\n    const { getAllEvents, getContainer, getEvent } = useEventFunctions();\r\n    const { makeDateObject, getDurationString } = useDateFunctions();\r\n    const { allEvents } = useCargoFunctions();\r\n    const [series, setSeries] = useState<ITimeLineSeries[]>([]);\r\n    const [markers, setMarkers] = useState<ITimeLineMarker[]>([]);\r\n    const [showMarkers, setShowMarkers] = useState(true);\r\n    const [zoom, setZoom] = useState(1);\r\n\r\n    const replaceHeaderValues = (c: ICargo, s: string, container?: IPortCall | ICargo | ICargoOperation): string => {\r\n        let newString = s.replaceAll(\"{direction}\", c.reasonForCall?.code === \"L\" ? \"load\" : \"discharge\");\r\n        let tempContainer: any = container;\r\n\r\n        if (\"workTeam\" in tempContainer) {\r\n            let co = container as ICargoOperation;\r\n\r\n            newString = newString.toUpperCase().replaceAll(\"{WORKTEAM}\", co.workTeam ? `Team: ${co.workTeam}` : \"\");\r\n            newString = newString.toUpperCase().replaceAll(\"{STORAGES}\", co.storages && co.storages.length > 0 ? `Storage: ${co.storages.map(_ => _.name).join(\", \")}` : \"\");\r\n            newString = newString.toUpperCase().replaceAll(\"{CRANES}\", co.cranes && co.cranes.length > 0 ? `Cranes: ${co.cranes.map(_ => _.name).join(\", \")}` : \"\");\r\n        }\r\n\r\n        return newString;\r\n    }\r\n\r\n    const getFirstLastPeriod = (flowDuration: IFlowDuration, c: ICargo): ITimeLineBar | undefined => {\r\n        let fromEvent = getEvent(allEvents(c) as ISofEvent[], flowDuration.from!);\r\n        let toEvent = getEvent(allEvents(c) as ISofEvent[], flowDuration.to!, false, fromEvent);\r\n\r\n        if (!fromEvent) {\r\n            return;\r\n        }\r\n\r\n        let container = getContainer(pc, cargo, fromEvent);\r\n        let from = new Date(fromEvent.eventDate).getTime();\r\n        let to = toEvent ? new Date(toEvent.eventDate).getTime() : new Date().getTime();\r\n\r\n        return {\r\n            id: uuidv4(),\r\n            title: `${replaceHeaderValues(c, flowDuration.name!, container).toUpperCase()}`,\r\n            from,\r\n            to,\r\n            bgColor: flowDuration.color ? flowDuration.color : \"#222c3d\",\r\n            color: \"white\",\r\n            animate: toEvent ? false : true,\r\n            calloutBody:\r\n                <CalloutBody>\r\n                    <div>\r\n                        <div className=\"value\">\r\n                            {fromEvent.name}: {makeDateObject(fromEvent.eventDate, timeZone).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                        </div>\r\n                        <div className=\"description\">\r\n                            From\r\n                        </div>\r\n                    </div>\r\n                    {toEvent &&\r\n                        <div>\r\n                            <div className=\"value\">\r\n                                {toEvent.name}: {makeDateObject(toEvent.eventDate, timeZone).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                            </div>\r\n                            <div className=\"description\">\r\n                                To\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                    <div>\r\n                        <div className=\"value\">\r\n                            {getDurationString(to - from)}\r\n                        </div>\r\n                        <div className=\"description\">\r\n                            {toEvent ? \"Duration\" : \"Current duration\"}\r\n                        </div>\r\n                    </div>\r\n                </CalloutBody>\r\n        };\r\n    }\r\n\r\n    const getAllPeriods = (flowDuration: IFlowDuration, c: ICargo): ITimeLineBar[] => {\r\n        let bars: ITimeLineBar[] = [];\r\n        let fromEvents = getAllEvents(allEvents(c) as ISofEvent[], flowDuration.from!);\r\n\r\n        fromEvents.forEach(fromEvent => {\r\n            let container = getContainer(pc, cargo, fromEvent);\r\n\r\n            if (container) {\r\n                let toEvent = getEvent(container.events as ISofEvent[], flowDuration.to!, false, fromEvent);\r\n                let from = new Date(fromEvent.eventDate).getTime();\r\n                let to = toEvent ? new Date(toEvent.eventDate).getTime() : new Date().getTime();\r\n\r\n                bars.push({\r\n                    id: uuidv4(),\r\n                    title: `${replaceHeaderValues(c, flowDuration.name!, container).toUpperCase()}`,\r\n                    from,\r\n                    to,\r\n                    bgColor: flowDuration.color ? flowDuration.color : \"#222c3d\",\r\n                    color: \"white\",\r\n                    animate: toEvent ? false : true,\r\n                    calloutBody:\r\n                        <CalloutBody>\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {fromEvent.name}: {makeDateObject(fromEvent.eventDate, timeZone).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    From\r\n                                </div>\r\n                            </div>\r\n                            {toEvent &&\r\n                                <div>\r\n                                    <div className=\"value\">\r\n                                        {toEvent.name}: {makeDateObject(toEvent.eventDate, timeZone).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                                    </div>\r\n                                    <div className=\"description\">\r\n                                        To\r\n                                    </div>\r\n                                </div>\r\n                            }\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {getDurationString(to - from)}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    {toEvent ? \"Duration\" : \"Current duration\"}\r\n                                </div>\r\n                            </div>\r\n                        </CalloutBody>\r\n                });\r\n            }\r\n        });\r\n\r\n        return bars;\r\n    }\r\n\r\n    const getEventPeriods = (flowDuration: IFlowDuration, c: ICargo): ITimeLineBar[] | undefined => {\r\n        switch (flowDuration.type) {\r\n            case FlowDurationTypes.All:\r\n                return getAllPeriods(flowDuration, c);\r\n            case FlowDurationTypes.FirstToLast:\r\n                let period = getFirstLastPeriod(flowDuration, c);\r\n                return period ? [period] : [];\r\n            default:\r\n                console.warn(\"Flowduration type missing\");\r\n                return undefined;\r\n        }\r\n    }\r\n\r\n    const createBars = (c: ICargo): ITimeLineBar[] => {\r\n        let bars: ITimeLineBar[] = [];\r\n\r\n        if (flow) {\r\n            flow.flowDefinition.durations?.forEach(d => {\r\n                let periods = getEventPeriods(d, c);\r\n                if (periods && periods.length > 0) {\r\n                    bars = bars.concat(periods);\r\n                }\r\n            });\r\n        }\r\n\r\n        return bars;\r\n    }\r\n\r\n    const createMarkers = (_: ICargo): ITimeLineMarker[] => {\r\n        let _markers: ITimeLineMarker[] = [];\r\n\r\n        if (flow) {\r\n            flow.flowDefinition.markers?.forEach(m => {\r\n                let ev = getEvent(allEvents(_) as ISofEvent[], [m.marker!]);\r\n\r\n                if (ev) {\r\n                    _markers.push({\r\n                        ts: makeDateObject(ev.eventDate).valueOf(),\r\n                        title: `${m.name ? m.name : \"n/a\"} - ${makeDateObject(ev.eventDate, timeZone).toFormat(\"dd. MMM HH:mm\")}`,\r\n                        label: m.name ? m.name : \"n/a\",\r\n                        yOffset: 0,\r\n                        backgroundColor: \"#4277bf\"\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        return _markers;\r\n    }\r\n\r\n    const createData = (): ITimeLineSeries[] => {\r\n        let _series: ITimeLineSeries[] = [];\r\n        let _processedCargoIds: number[] = [];\r\n\r\n        cargo && cargo.forEach((c, i) => {\r\n            let _cargoToAdd: ICargo;\r\n\r\n            if (_processedCargoIds.indexOf(c.id) >= 0) {\r\n                return;\r\n            }\r\n\r\n            if (c.group) {\r\n                // Get the cargo holding the events (lowest id);\r\n                let _cargosInGroup = cargo.slice().filter(_ => _.group?.id === c.group!.id).sort((a, b) => { return a.id > b.id ? 1 : -1; });\r\n                _processedCargoIds.push(..._cargosInGroup.map(_ => _.id));\r\n                _cargoToAdd = c;\r\n            }\r\n            else {\r\n                _processedCargoIds.push(c.id);\r\n                _cargoToAdd = c;\r\n            }\r\n\r\n            _series.push({\r\n                header: <PcCargoHeader cargo={_cargoToAdd!} />,\r\n                bars: flow ? createBars(_cargoToAdd!) : undefined,\r\n                markers: flow\r\n                    ? showMarkers\r\n                        ? createMarkers(_cargoToAdd!)\r\n                        : undefined\r\n                    : undefined\r\n            });\r\n        });\r\n\r\n        return _series;\r\n    }\r\n\r\n    const reset = () => {\r\n        setSeries([]);\r\n        setMarkers([]);\r\n        setZoom(1);\r\n\r\n        setTimeout(() => {\r\n            setSeries(memCargo);\r\n        }, 10);\r\n    }\r\n\r\n    const memCargo = useMemo(\r\n        () => createData(), [flow, cargo, timeZone, showMarkers]\r\n    )\r\n\r\n    useEffect(() => {\r\n        if (cargo) {\r\n            setSeries(memCargo);\r\n        }\r\n    }, [flow, cargo, timeZone, showMarkers]);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Cargo\"\r\n            icon={<FontAwesomeIcon icon={faBoxes} />}\r\n            actions={[\r\n                {\r\n                    title: \"Zoom in\",\r\n                    icon: <FontAwesomeIcon icon={faSearchPlus} />,\r\n                    onClick: () => {\r\n                        setZoom(_ => _ + ((_ / 100) * 15));\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Zoom out\",\r\n                    icon: <FontAwesomeIcon icon={faSearchMinus} />,\r\n                    disabled: zoom === 1,\r\n                    onClick: () => {\r\n                        setZoom(_ => {\r\n                            let newZoom = _ - ((_ / 100) * 15);\r\n                            return newZoom >= 1 ? newZoom : 1;\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Toggle markers\",\r\n                    icon: <Icon iconName={showMarkers ? \"PinSolid12\" : \"PinSolidOff12\"} />,\r\n                    onClick: () => {\r\n                        setShowMarkers(_ => !_);\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Reset zoom\",\r\n                    icon: <FontAwesomeIcon icon={faRedo} />,\r\n                    onClick: reset\r\n                }\r\n            ]}\r\n        >\r\n            {cargo && cargo.length > 0\r\n                ?\r\n                <TimeLine\r\n                    series={series}\r\n                    timeZone={timeZone}\r\n                    markers={markers}\r\n                    zoom={zoom}\r\n                    barHeight={20}\r\n                    barSpace={20}\r\n                    barsTopPadding={25}\r\n                    barsBottomPadding={25}\r\n                    sidePadding={20}\r\n                    bottomPadding={30}\r\n                    headerWidth={310}\r\n                    defaultBounds={getScheduledStay(pc, timeZone)}\r\n                />\r\n                :\r\n                <div style={{ padding: \"20px 30px\", fontSize: \"14px\" }}>\r\n                    No cargo registered for this portcall\r\n                </div>\r\n            }\r\n        </Card>\r\n    );\r\n}","import { Icon } from \"@fluentui/react\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport useMessages from \"../../../hooks/useMessages\";\r\nimport { ISofEvent } from \"../../../interfaces/ISofEvent\";\r\nimport { Event } from \"./Event\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: white;\r\n    border-radius: 0 0 4px 4px;\r\n\r\n    >div:first-child {\r\n        border: none;\r\n    } \r\n`;\r\n\r\nconst NoEvents = styled.div`\r\n    border-radius: 0 0 4px 4px;\r\n    height: 132px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #ddd;\r\n    font-size: 50px;\r\n`;\r\n//#endregion\r\n\r\nexport const PcEvents: React.FC = () => {\r\n    const { portCall } = usePortCallProvider();\r\n    const [receivedEventId, setReceivedEventId] = useState<string | undefined>();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n\r\n    useMessages(\"Event\", m => {\r\n        if (m.portCallId === Number(portCall.id)) {\r\n            setReceivedEventId(m.data.Id);\r\n        }\r\n    });\r\n\r\n    return (\r\n        <Card\r\n            darkHeader={true}\r\n            title=\"Port and berth events\"\r\n            icon={<Icon iconName=\"DataFlows\" />}\r\n        >\r\n            {portCall.events.length > 0\r\n                ?\r\n                <Container>\r\n                    {portCall.sortedEvents.map(_ => {\r\n                        return (\r\n                            <Event\r\n                                highlight={receivedEventId && _.id === receivedEventId ? true : false}\r\n                                key={`Event_${_.id}`}\r\n                                event={_ as ISofEvent}\r\n                                timeZone={tz}\r\n                            />\r\n                        );\r\n                    })}\r\n                </Container>\r\n                :\r\n                <NoEvents>\r\n                    <Icon iconName=\"Snooze\" />\r\n                </NoEvents>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport { usePortCallProvider } from \"../../contextHooks/PortCallContext\";\r\nimport { usePortCallFunctions } from \"../../globalHooks/usePortCallFunctions\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { Card } from \"../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faRedo, faSearchMinus, faSearchPlus, faStopwatch } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { TimeLine } from \"../../blocks/timeLine/TimeLine\";\r\nimport { ITimeLineMarker, ITimeLineSeries } from \"../../interfaces/ITimeLineSeries\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { PortCallStatus } from \"../../_enums/PortCallStatus\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst CalloutBody = styled.div`\r\n    background-color: #fafafa;\r\n    padding: 15px 20px;\r\n\r\n    >div {\r\n        margin-bottom: 5px;\r\n\r\n        .description {\r\n            margin-top: 2px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            font-size: 10px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        :last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcTimeLine = () => {\r\n    const { portCall: pc } = usePortCallProvider();\r\n    const [series, setSeries] = useState<ITimeLineSeries[]>([]);\r\n    const [markers, setMarkers] = useState<ITimeLineMarker[]>([]);\r\n    const [showMarkers, setShowMarkers] = useState(true);\r\n    const [zoom, setZoom] = useState(1);\r\n    const { getMarkers, getScheduledStay, getActualStay, getRemainingStay, getLate } = usePortCallFunctions();\r\n    const { getDurationString, makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(pc.port.timeZone);\r\n\r\n    const createData = (): ITimeLineSeries[] => {\r\n        let _series: ITimeLineSeries[] = [];\r\n        let scheduledStay = getScheduledStay(pc, tz);\r\n        let actualStay = getActualStay(pc);\r\n        let remainingStay = getRemainingStay(pc, actualStay?.to);\r\n        let late = getLate(pc, tz);\r\n\r\n        _series.push({\r\n            bars: [{\r\n                id: uuidv4(),\r\n                from: scheduledStay.from,\r\n                to: scheduledStay.to,\r\n                title: \"Scheduled stay\",\r\n                bgColor: \"#c5c5c5\",\r\n                color: \"#333\",\r\n                calloutBody:\r\n                    <CalloutBody>\r\n                        <div>\r\n                            <div className=\"value\">\r\n                                {makeDateObject(pc.scheduledArrival, tz).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                            </div>\r\n                            <div className=\"description\">\r\n                                From\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <div className=\"value\">\r\n                                {makeDateObject(pc.scheduledDeparture, tz).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                            </div>\r\n                            <div className=\"description\">\r\n                                To\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <div className=\"value\">\r\n                                {getDurationString(scheduledStay.to - scheduledStay.from)}\r\n                            </div>\r\n                            <div className=\"description\">\r\n                                Scheduled stay\r\n                            </div>\r\n                        </div>\r\n                    </CalloutBody>\r\n            }]\r\n        });\r\n\r\n        if (actualStay) {\r\n            let actualAndLate = actualStay.to - actualStay.from;\r\n            if (late) {\r\n                actualAndLate += late.to - late.from;\r\n            }\r\n\r\n            let _: ITimeLineSeries = {\r\n                bars: [{\r\n                    id: uuidv4(),\r\n                    from: actualStay.from,\r\n                    to: actualStay.to,\r\n                    title: \"Actual stay\",\r\n                    bgColor: \"#5d8ac8\",\r\n                    color: \"white\",\r\n                    calloutBody:\r\n                        <CalloutBody>\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {makeDateObject(pc.arrived!, tz).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    Arrived\r\n                                </div>\r\n                            </div>\r\n                            {pc.departed &&\r\n                                <div>\r\n                                    <div className=\"value\">\r\n                                        {makeDateObject(pc.departed, tz).toFormat(\"dd. MMM yy @ HH:mm\")}\r\n                                    </div>\r\n                                    <div className=\"description\">\r\n                                        Departed\r\n                                    </div>\r\n                                </div>\r\n                            }\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {getDurationString(actualAndLate)}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    {pc.status === PortCallStatus.Active ? \"Current\" : \"Actual\"} duration\r\n                                </div>\r\n                            </div>\r\n                        </CalloutBody>\r\n                }]\r\n            };\r\n\r\n            if (remainingStay) {\r\n                _.bars?.push({\r\n                    id: uuidv4(),\r\n                    from: remainingStay.from,\r\n                    to: remainingStay.to,\r\n                    title: \"Remaining\",\r\n                    bgColor: \"#06ad56\",\r\n                    color: \"white\",\r\n                    calloutBody:\r\n                        <CalloutBody>\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {getDurationString(remainingStay.to - remainingStay.from)}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    Remaining duration\r\n                                </div>\r\n                            </div>\r\n                        </CalloutBody>\r\n                });\r\n            }\r\n\r\n            if (late) {\r\n                _.bars?.push({\r\n                    id: uuidv4(),\r\n                    from: late.from,\r\n                    to: late.to,\r\n                    title: \"Late\",\r\n                    bgColor: \"#535d6c\",\r\n                    color: \"white\",\r\n                    calloutBody:\r\n                        <CalloutBody>\r\n                            <div>\r\n                                <div className=\"value\">\r\n                                    {getDurationString(late.to - late.from)}\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    Late duration\r\n                                </div>\r\n                            </div>\r\n                        </CalloutBody>\r\n                });\r\n            }\r\n\r\n            _series.push(_);\r\n        }\r\n\r\n        return _series;\r\n    }\r\n\r\n    const reset = () => {\r\n        setSeries([]);\r\n        setMarkers([]);\r\n        setZoom(1);\r\n\r\n        setTimeout(() => {\r\n            setSeries(createData());\r\n            setMarkers(getMarkers(pc, tz));\r\n        }, 10);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setMarkers(showMarkers ? getMarkers(pc, tz) : []);\r\n    }, [showMarkers])\r\n\r\n    useEffect(() => {\r\n        setSeries(createData());\r\n        setMarkers(showMarkers ? getMarkers(pc, tz) : []);\r\n    }, [pc, tz])\r\n\r\n    return (\r\n        <Card\r\n            title=\"Scheduled vs actual stay\"\r\n            description=\"Overall timeline\"\r\n            icon={<FontAwesomeIcon icon={faStopwatch} />}\r\n            actions={[\r\n                {\r\n                    title: \"Zoom in\",\r\n                    icon: <FontAwesomeIcon icon={faSearchPlus} />,\r\n                    onClick: () => {\r\n                        setZoom(_ => _ + ((_ / 100) * 15));\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Zoom out\",\r\n                    icon: <FontAwesomeIcon icon={faSearchMinus} />,\r\n                    disabled: zoom === 1,\r\n                    onClick: () => {\r\n                        setZoom(_ => {\r\n                            let newZoom = _ - ((_ / 100) * 15);\r\n                            return newZoom >= 1 ? newZoom : 1;\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Toggle markers\",\r\n                    icon: <Icon iconName={showMarkers ? \"PinSolid12\" : \"PinSolidOff12\"} />,\r\n                    onClick: () => {\r\n                        setShowMarkers(_ => !_);\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Reset zoom\",\r\n                    icon: <FontAwesomeIcon icon={faRedo} />,\r\n                    onClick: reset\r\n                }\r\n            ]}\r\n        >\r\n            <TimeLine\r\n                series={series}\r\n                timeZone={tz}\r\n                markers={markers}\r\n                zoom={zoom}\r\n                barHeight={20}\r\n                barSpace={20}\r\n                barsTopPadding={25}\r\n                barsBottomPadding={25}\r\n                hideHeader={true}\r\n                sidePadding={20}\r\n                bottomPadding={30}\r\n            />\r\n        </Card>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Container = styled.div`\r\n    border: 1px solid;\r\n    border-radius: 4px;\r\n    width: fit-content;\r\n    padding: 2px 8px;\r\n    text-transform: uppercase;\r\n    font-size: 10px;\r\n    letter-spacing: .5px;\r\n    font-weight: 500;\r\n    height: 14px;\r\n`;\r\n\r\nexport const Badge: React.FC<{ text: string, color?: string, backgroundColor?: string, borderColor?: string }> = ({ text, color, backgroundColor, borderColor }) => {\r\n    return (\r\n        <Container style={{\r\n            color: color ? color : \"#333\",\r\n            backgroundColor: backgroundColor ? backgroundColor : \"#fafafa\",\r\n            borderColor: borderColor ? borderColor : \"#666\"\r\n        }}>\r\n            {text}\r\n        </Container>\r\n    );\r\n};","export enum SofStatus {\r\n    Draft = 10,\r\n    Locked = 50,\r\n    Signing = 500,\r\n    SigningCancelled = 700,\r\n    SigningRejected = 800,\r\n    SigningTimedOut = 900,\r\n    Signed = 1000\r\n}","import { SofStatus } from \"../_enums/SofStatus\";\r\nimport { useStringFunctions } from \"./useStringFunctions\";\r\n\r\nexport const useSofFunctions = () => {\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    const getStatus = (status: SofStatus) => {\r\n        let statusObject: { text: string, backgroundColor?: string, color?: string } = {\r\n            text: splitCamlCase(SofStatus[status])\r\n        };\r\n\r\n        switch (status) {\r\n            case SofStatus.Signing:\r\n                statusObject.backgroundColor = \"#ffffac\";\r\n                break;\r\n            case SofStatus.SigningRejected:\r\n                statusObject.backgroundColor = \"#ff4b4b\";\r\n                statusObject.color = \"white\";\r\n                break;\r\n            case SofStatus.SigningCancelled:\r\n                statusObject.backgroundColor = \"#ff4b4b\";\r\n                statusObject.color = \"white\";\r\n                break;\r\n            case SofStatus.SigningTimedOut:\r\n                statusObject.backgroundColor = \"#ff4b4b\";\r\n                statusObject.color = \"white\";\r\n                break;\r\n            case SofStatus.Signed:\r\n                statusObject.backgroundColor = \"#06ad56\";\r\n                statusObject.color = \"white\";\r\n                break;\r\n        }\r\n\r\n        return statusObject;\r\n    }\r\n\r\n    return { getStatus };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faList } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Badge } from \"../../../blocks/badge/Badge\";\r\nimport { useSofFunctions } from \"../../../hooks/useSofFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { ISofMerged } from \"./PcDocuments\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ISof } from \"../../../interfaces/ISof\";\r\nimport { IStatementOfFact } from \"../../../interfaces/IStatementOfFacts\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst List = styled.div`\r\n    >div {\r\n        padding: 17px 30px 18px;\r\n        border-bottom: 1px solid #ddd;\r\n        cursor: pointer;\r\n\r\n        >div:first-child {\r\n            display: flex;\r\n\r\n            >div:first-child {\r\n                flex-grow: 1;\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-top: 2px;\r\n            display: flex;\r\n            color: #aaa;\r\n            font-size: 12px;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n\r\n        \r\n        :first-of-type {\r\n            >div:first-child {\r\n                font-weight: 700;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcDocumentSofVersionsPanel: React.FC<{ isOpen: boolean, dismiss: () => void, sof: ISofMerged, onClick: (sof: ISofMerged) => void }> = ({ isOpen, dismiss, sof, onClick }) => {\r\n    const { app } = useAppContext();\r\n    const { getStatus } = useSofFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const [docs, setDocs] = useState<ISofMerged[]>([]);\r\n    const [fetching, setFetching] = useState(false);\r\n\r\n    const getDocs = async () => {\r\n        try {\r\n            let url = sof.sofType === \"v1\"\r\n                ? `/sof/getAllVersions?cargoPortId=${sof.cargoPortId}`\r\n                : `/statementOfFacts/${sof.id}/versions`;\r\n\r\n            var r = await app.api.getSofVersions(url);\r\n\r\n            setDocs(sof.sofType === \"v1\"\r\n                ? [...r.map((_: ISof) => {\r\n                    return {\r\n                        dbId: 0,\r\n                        id: _.id,\r\n                        versionId: \"\",\r\n                        cargoPortId: _.cargoPortId,\r\n                        created: _.created,\r\n                        sofType: \"v1\",\r\n                        commodity: _.commodity,\r\n                        charterer: _.charterer,\r\n                        status: _.status,\r\n                        version: _.version\r\n                    }\r\n                })]\r\n                : [...r.map((_: IStatementOfFact) => {\r\n                    return {\r\n                        dbId: _.dbId,\r\n                        id: _.id,\r\n                        versionId: _.versionId,\r\n                        cargoPortId: 0,\r\n                        created: _.created,\r\n                        sofType: \"v2\",\r\n                        commodity: \"combo\",\r\n                        charterer: \"\",\r\n                        status: _.status,\r\n                        version: _.version\r\n                    }\r\n                })]\r\n            );\r\n        }\r\n        catch (error: any) {\r\n            console.log(\"Error\", error);\r\n        }\r\n\r\n        setFetching(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getDocs();\r\n        }\r\n    }, [fetching])\r\n\r\n    useEffect(() => {\r\n        if (isOpen && sof) {\r\n            setFetching(true);\r\n        }\r\n        else {\r\n            setDocs([]);\r\n        }\r\n    }, [isOpen, sof])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={sof.commodity}\r\n            subTitle={`${sof.charterer}`}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={fetching}\r\n            icon={<FontAwesomeIcon icon={faList} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Close\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            {docs &&\r\n                <List>\r\n                    {docs.map(d => {\r\n                        let status = getStatus(d.status);\r\n                        return (\r\n                            <div\r\n                                key={`SofId_${d.id}_${d.versionId}`}\r\n                                title=\"Download SOF pdf\"\r\n                                onClick={() => onClick(d)}\r\n                            >\r\n                                <div>\r\n                                    <div>\r\n                                        Version {d.version}.0\r\n                                    </div>\r\n                                    <div>\r\n                                        <Badge\r\n                                            text={status.text}\r\n                                            backgroundColor={status.backgroundColor}\r\n                                            color={status.color}\r\n                                        />\r\n                                    </div>\r\n                                </div>\r\n                                <div>\r\n                                    Created {toDateString(d.created, \"utc\", true)} UTC\r\n                                </div>\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </List>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n}","import { useStringFunctions } from \"./useStringFunctions\";\r\nimport mime from 'mime-types';\r\n\r\nexport const useFileFunctions = () => {\r\n    const { convertBase64ToArrayBuffer } = useStringFunctions();\r\n\r\n    const getFileSize = (bytes: number, decimals: number = 0): string => {\r\n        if (bytes === 0) {\r\n            return \"? Bytes\";\r\n        }\r\n\r\n        const k = 1024;\r\n        const dm = decimals < 0 ? 0 : decimals;\r\n        const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\r\n\r\n        const i = Math.floor(Math.log(bytes) / Math.log(k));\r\n\r\n        return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];\r\n    }\r\n\r\n    const getFileSizeInMegaBytes = (bytes: number, decimals: number = 0): number => {\r\n        if (bytes === 0) {\r\n            return 0;\r\n        }\r\n\r\n        var megaByte = 1048576;\r\n        return bytes / megaByte;\r\n    }\r\n\r\n    const getExtension = (filename?: string) => {\r\n        if (!filename) {\r\n            return \"\";\r\n        }\r\n\r\n        let split = filename.split(\".\");\r\n        if (split.length > 1) {\r\n            return split[split.length - 1];\r\n        }\r\n\r\n        return \"\";\r\n    }\r\n\r\n    const triggerDownload = (base64string: string, filename: string, mimeType?: string): { ok: boolean, error?: string } => {\r\n        let bytes = convertBase64ToArrayBuffer(base64string);\r\n\r\n        if (!bytes) {\r\n            return {\r\n                ok: false,\r\n                error: \"Unable to parse downloaded file\"\r\n            };\r\n        }\r\n\r\n        let blob = new Blob([bytes], { type: mimeType ? mimeType : \"application/octet-stream\" });\r\n        const link = document.createElement('a');\r\n\r\n        // Browsers that support HTML5 download attribute\r\n        if (link.download !== undefined) {\r\n            const url = URL.createObjectURL(blob);\r\n            link.setAttribute('href', url);\r\n            link.setAttribute('download', filename);\r\n            link.style.visibility = 'hidden';\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n        }\r\n\r\n        bytes = null;\r\n\r\n        return { ok: true };\r\n    }\r\n\r\n    /** Open downloaded base64 in new tab. Type e.g \"application/pdf\" */\r\n    const triggerOpenInTab = (base64string: string, type: string): { ok: boolean, error?: string } => {\r\n        let bytes = convertBase64ToArrayBuffer(base64string);\r\n\r\n        if (!bytes) {\r\n            return {\r\n                ok: false,\r\n                error: \"Unable to parse downloaded file\"\r\n            };\r\n        }\r\n\r\n        let blob = new Blob([bytes], { type })\r\n        var fileURL = URL.createObjectURL(blob);\r\n        window.open(fileURL);\r\n\r\n        return { ok: true };\r\n    }\r\n\r\n    const getMimeType = (fileExtension: string | undefined) => {\r\n        const stdMimeValue = 'application/unknown';\r\n        if (!fileExtension) {\r\n            return stdMimeValue;\r\n        }\r\n\r\n        const mimeValue = mime.lookup(fileExtension);\r\n        return mimeValue ? mimeValue : stdMimeValue;\r\n    }\r\n\r\n    return { getExtension, getFileSize, getFileSizeInMegaBytes, getMimeType, triggerDownload, triggerOpenInTab };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Callout, Icon } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { PcDocumentSofVersionsPanel } from \"./PcDocumentSofVersionsPanel\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDownload, faExclamationCircle, faEye, faList } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ISofMerged } from \"./PcDocuments\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    margin: 0 1px;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        background-color: #e4e4e4;\r\n    }\r\n`;\r\n\r\nconst MenuBody = styled.div`\r\n    >div {\r\n        padding: 15px 30px;\r\n        border-bottom: 1px solid #ddd;\r\n        cursor: pointer;\r\n        display: flex;\r\n\r\n        >div:first-child {\r\n            padding-right: 10px;\r\n        }\r\n        \r\n        :last-of-type {\r\n            border-bottom: unset;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcDocumentMenu: React.FC<{ sof: ISofMerged }> = ({ sof }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { getMimeType, triggerDownload, triggerOpenInTab } = useFileFunctions();\r\n    const [menuOpen, { toggle: toggleMenuOpen }] = useBoolean(false);\r\n    const [versionPanelOpen, { toggle: toggleVersionPanelOpen }] = useBoolean(false);\r\n    const pcDocAnchorId = useId(`pc-doc-anchor-id_${sof.id}`);\r\n\r\n    const openPdf = (_: string, open?: boolean) => {\r\n        let r = open\r\n            ? triggerOpenInTab(_, \"application/pdf\")\r\n            : triggerDownload(_, `Statement Of Facts - ${sof.charterer} - ${sof.commodity}.pdf`, getMimeType(\"pdf\"));\r\n\r\n        if (!r.ok) {\r\n            app.setAppMessage({\r\n                text: r.error ?? \"Unable to download file\",\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                ttl: 4000\r\n            });\r\n        }\r\n    }\r\n\r\n    const downloadDocument = (s: ISofMerged, open?: boolean) => {\r\n        app.setAppMessage({\r\n            text: \"Downloading document, please wait...\",\r\n            ttl: 10000,\r\n            icon: <Icon {...getFileTypeIconProps({ extension: \"pdf\", size: 20, imageFileType: 'png' })} />\r\n        });\r\n\r\n        (\r\n            sof.sofType === \"v1\"\r\n                ? app.api.downloadSofPdf(s.id)\r\n                : app.api.downloadStatementOfFactsfPdf(s.id, s.versionId)\r\n        )\r\n            .then(_ => {\r\n                openPdf(_, open);\r\n                app.setAppMessage();\r\n            })\r\n            .catch(async err => {\r\n                console.log(err);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    ttl: 4000,\r\n                    icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n                });\r\n            });\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <Container\r\n                id={pcDocAnchorId}\r\n                title=\"Menu\"\r\n                onClick={ev => {\r\n                    ev.stopPropagation();\r\n                    toggleMenuOpen();\r\n                }}\r\n            >\r\n                <Icon iconName=\"MoreVertical\" />\r\n            </Container>\r\n            {menuOpen &&\r\n                <Callout\r\n                    gapSpace={-16}\r\n                    target={`#${pcDocAnchorId}`}\r\n                    onDismiss={toggleMenuOpen}\r\n                    styles={{\r\n                        beakCurtain: {\r\n                            borderRadius: \"4px\",\r\n                        },\r\n                        root: {\r\n                            borderRadius: \"4px\",\r\n                        },\r\n                        calloutMain: {\r\n                            borderRadius: \"4px\",\r\n                        }\r\n                    }}\r\n                >\r\n                    <MenuBody>\r\n                        <div onClick={() => {\r\n                            downloadDocument(sof)\r\n                            toggleMenuOpen();\r\n                        }}>\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faDownload} />\r\n                            </div>\r\n                            <div>\r\n                                Download\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => {\r\n                            downloadDocument(sof, true)\r\n                            toggleMenuOpen();\r\n                        }}>\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faEye} />\r\n                            </div>\r\n                            <div>\r\n                                Open\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => {\r\n                            toggleMenuOpen();\r\n                            toggleVersionPanelOpen();\r\n                        }}>\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faList} />\r\n                            </div>\r\n                            <div>\r\n                                All versions\r\n                            </div>\r\n                        </div>\r\n                    </MenuBody>\r\n                </Callout>\r\n            }\r\n            <PcDocumentSofVersionsPanel\r\n                sof={sof}\r\n                isOpen={versionPanelOpen}\r\n                dismiss={toggleVersionPanelOpen}\r\n                onClick={downloadDocument}\r\n            />\r\n        </>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFolderOpen, faSync } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Badge } from \"../../../blocks/badge/Badge\";\r\nimport { usePortCallSof } from \"../../../api/hooks/usePortCallSof\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { PcDocumentMenu } from \"./PcDocumentMenu\";\r\nimport { useSofFunctions } from \"../../../hooks/useSofFunctions\";\r\nimport { usePortCallStatementOfFacts } from \"../../../api/hooks/usePortCallStatementOfFacts\";\r\nimport { SofStatus } from \"../../../_enums/SofStatus\";\r\nimport { useArrayFunctions } from \"../../../globalHooks/useArrayFunctions\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\n\r\n//#region Styled Components\r\nconst Empty = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 30px;\r\n    min-height: 120px;\r\n\r\n    >div:first-child {\r\n        font-size: 32px;\r\n        color: #ddd;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n        color: #aaa;\r\n        padding-bottom: 10px;\r\n        text-align: center;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport interface ISofMerged {\r\n    dbId: number\r\n    id: string\r\n    versionId: string\r\n    cargoPortId: number\r\n    created: Date\r\n    sofType: string\r\n    commodity: string\r\n    charterer: string\r\n    version: number\r\n    status: SofStatus\r\n}\r\n\r\nexport const PcDocuments = () => {\r\n    const { getStatus } = useSofFunctions();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { sof, mutate, isValidating } = usePortCallSof(id);\r\n    const { statementOfFacts, mutate: mutateStatementOfFacts, isValidating: isValidatingStatementOfFacts } = usePortCallStatementOfFacts(id);\r\n    const { getUniqueStrings } = useArrayFunctions();\r\n    const [items, setItems] = useState<ISofMerged[]>([]);\r\n\r\n    useEffect(() => {\r\n        if (sof && statementOfFacts) {\r\n            setItems([\r\n                ...sof.map(_ => {\r\n                    return {\r\n                        dbId: 0,\r\n                        id: _.id,\r\n                        versionId: \"\",\r\n                        cargoPortId: _.cargoPortId,\r\n                        created: _.created,\r\n                        sofType: \"v1\",\r\n                        commodity: _.commodity,\r\n                        charterer: _.charterer,\r\n                        status: _.status,\r\n                        version: _.version\r\n                    }\r\n                }),\r\n                ...statementOfFacts.map(_ => {\r\n                    return {\r\n                        dbId: _.dbId,\r\n                        id: _.id,\r\n                        versionId: _.versionId,\r\n                        cargoPortId: 0,\r\n                        created: _.created,\r\n                        sofType: \"v2\",\r\n                        commodity: _.cargoes.map(c => c.commodity).join(\", \"),\r\n                        charterer: getUniqueStrings(_.cargoes.map(c => c.charterer!)).join(\", \"),\r\n                        status: _.status,\r\n                        version: _.version\r\n                    }\r\n                }),\r\n            ]);\r\n        }\r\n    }, [sof, statementOfFacts])\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"icon\",\r\n            title: \"Type\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ISofMerged) => {\r\n\r\n                return _.sofType === \"v1\"\r\n                    ? <Icon {...getFileTypeIconProps({ extension: \"pdf\", size: 20, imageFileType: 'png' })} />\r\n                    : <div style={{ position: \"relative\" }}>\r\n                        <Icon {...getFileTypeIconProps({ extension: \"pdf\", size: 20, imageFileType: 'png' })} />\r\n                        <div\r\n                            style={{\r\n                                position: \"absolute\",\r\n                                top: \"10px\",\r\n                                left: \"14px\",\r\n                                backgroundColor: \"#ddd\",\r\n                                height: \"14px\",\r\n                                width: \"14px\",\r\n                                borderRadius: \"50%\",\r\n                                display: \"flex\",\r\n                                justifyContent: \"center\",\r\n                                alignItems: \"center\",\r\n                                fontWeight: 700,\r\n                                fontSize: \"10px\",\r\n                                border: \"1px solid #aaa\"\r\n                            }}>\r\n                            M\r\n                        </div>\r\n                    </div>\r\n            }\r\n        },\r\n        {\r\n            key: \"commodity\"\r\n        },\r\n        {\r\n            key: \"charterer\"\r\n        },\r\n        {\r\n            key: \"version\",\r\n            gridCellWidth: \"90px\",\r\n            textAlign: \"right\",\r\n            render: (_: ISofMerged) => {\r\n                return _.version.toFixed(1);\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ISofMerged) => {\r\n                let status = getStatus(_.status);\r\n                return (\r\n                    <Badge\r\n                        text={status.text}\r\n                        backgroundColor={status.backgroundColor}\r\n                        color={status.color}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"actions\",\r\n            title: \" \",\r\n            gridCellWidth: \"50px\",\r\n            noPadding: true,\r\n            render: (_: ISofMerged) => {\r\n                return <PcDocumentMenu sof={_} />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"392px\"\r\n            title=\"Statement Of Facts\"\r\n            icon={<FontAwesomeIcon icon={faFolderOpen} />}\r\n            loading={(isValidating || isValidatingStatementOfFacts) && !sof}\r\n            actions={[\r\n                {\r\n                    title: \"Refresh\",\r\n                    icon: <FontAwesomeIcon icon={faSync} />,\r\n                    onClick: () => {\r\n                        mutate();\r\n                        mutateStatementOfFacts();\r\n                    }\r\n                }\r\n            ]}\r\n        >\r\n            {/* {sof && sof.length > 0 */}\r\n            {items.length > 0\r\n                ?\r\n                <AppGridTableNew\r\n                    blueHeader\r\n                    noCellBorder\r\n                    noHoverColor\r\n                    data={items}\r\n                    columns={columns}\r\n                />\r\n                :\r\n                <Empty>\r\n                    <div>\r\n                        <Icon iconName=\"Snooze\" />\r\n                    </div>\r\n                    <div>\r\n                        No documents. Statement Of Facts are generated when sof is locked in the app.\r\n                    </div>\r\n                </Empty>\r\n            }\r\n        </Card>\r\n    );\r\n}","export enum AppUserTypes {\r\n    Vessel = 20,\r\n    Agent = 30,\r\n    Charterer = 40\r\n}","export enum CompanyRoles {\r\n    User = 10,\r\n    LoginAsAppUser = 40,\r\n    CompanyAdmin = 100\r\n}","import useSWR from \"swr\";\r\nimport { ISof } from \"../../interfaces/ISof\";\r\n\r\nexport const usePortCallSof = (portCallId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/portcalls/${portCallId}/sof`, {\r\n        dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let sof: ISof[] | undefined = data;\r\n\r\n    return { sof, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IStatementOfFact } from \"../../interfaces/IStatementOfFacts\";\r\n\r\nexport const usePortCallStatementOfFacts = (portCallId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/portcalls/${portCallId}/statementOfFacts`, {\r\n        dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let statementOfFacts: IStatementOfFact[] | undefined = data;\r\n\r\n    return { statementOfFacts, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { AppUserTypes } from \"../../_enums/AppUserTypes\";\r\nimport { IAppUser } from \"../../interfaces/IAppUser\";\r\n\r\nexport const useAppUsers = (dedupingInterval?: number, vesselId?: number, userType?: AppUserTypes) => {\r\n\r\n    let params: string[] = [];\r\n    let paramsString = \"\";\r\n\r\n    if (vesselId) {\r\n        params.push(`vesselId=${vesselId}`);\r\n    }\r\n\r\n    if (vesselId) {\r\n        params.push(`userType=${userType}`);\r\n    }\r\n\r\n    if (params.length > 0) {\r\n        paramsString = \"?\" + params.join(\"&\");\r\n    }\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(`/appUsers${paramsString}`, {\r\n        dedupingInterval: dedupingInterval ? dedupingInterval : 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let appUsers: IAppUser[] | undefined = data\r\n        ? data\r\n        : undefined;\r\n\r\n    return { appUsers, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faHand, faHandPointUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useRoles } from \"../../hooks/useRoles\";\r\nimport { CompanyRoles } from \"../../_enums/CompanyRoles\";\r\nimport { SystemRoles } from \"../../_enums/SystemRoles\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #222c3d;\r\n\r\n    >div {\r\n        >div {\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .restricted-icon {\r\n            font-size: 32px;\r\n            margin-bottom: 10px;\r\n            color: #ff6161;\r\n        }\r\n        \r\n        .restricted-text {\r\n            font-size: 14px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Restricted: React.FC<{ requiredCompanyRoles?: CompanyRoles | CompanyRoles[], requiredSystemRole?: SystemRoles, companyId?: string, hideRestrictedMessage?: boolean, children: any }> = ({ requiredCompanyRoles, requiredSystemRole, hideRestrictedMessage, companyId, children }) => {\r\n    const { currentCompanyRole, user } = useAppProvider();\r\n    const { hasCompanyRole, hasSystemRole } = useRoles();\r\n    const _requiredCompanyRoles: CompanyRoles[] | undefined = requiredCompanyRoles\r\n        ? Array.isArray(requiredCompanyRoles)\r\n            ? requiredCompanyRoles\r\n            : [requiredCompanyRoles]\r\n        : undefined;\r\n\r\n    if (!companyId && !_requiredCompanyRoles && !requiredSystemRole) {\r\n        return (\r\n            <Container>\r\n                <div>\r\n                    <div className=\"restricted-icon\">\r\n                        <FontAwesomeIcon icon={faHand} />\r\n                    </div>\r\n                    <div className=\"restricted-text\">\r\n                        Restricted content with missing required roles defined. Contact support\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n        );\r\n    }\r\n\r\n    if (_requiredCompanyRoles && _requiredCompanyRoles?.filter(r => hasCompanyRole(r, currentCompanyRole?.customer, user.customerRoles)).length === 0) {\r\n        return hideRestrictedMessage ? null :\r\n            <Container>\r\n                <div>\r\n                    <div className=\"restricted-icon\">\r\n                        <FontAwesomeIcon icon={faHandPointUp} />\r\n                    </div>\r\n                    <div className=\"restricted-text\">\r\n                        You don't have access to this content (level 1)\r\n                    </div>\r\n                </div>\r\n            </Container>;\r\n    }\r\n\r\n    if (requiredSystemRole && !hasSystemRole(requiredSystemRole, user.systemRoles)) {\r\n        return hideRestrictedMessage ? null :\r\n            <Container>\r\n                <div>\r\n                    <div className=\"restricted-icon\">\r\n                        <FontAwesomeIcon icon={faHand} />\r\n                    </div>\r\n                    <div className=\"restricted-text\">\r\n                        You don't have access to this content (level 2)\r\n                    </div>\r\n                </div>\r\n            </Container>;\r\n    }\r\n\r\n    if (companyId && companyId.toLowerCase() !== currentCompanyRole?.customer.id.toLowerCase()) {\r\n        return hideRestrictedMessage ? null :\r\n            <Container>\r\n                <div>\r\n                    <div className=\"restricted-icon\">\r\n                        <FontAwesomeIcon icon={faHand} />\r\n                    </div>\r\n                    <div className=\"restricted-text\">\r\n                        You don't have access to this content (level 3)\r\n                    </div>\r\n                </div>\r\n            </Container>;\r\n    }\r\n\r\n    return children;\r\n};","import { ICompany } from \"../interfaces/ICompany\";\r\nimport { ICompanyRole } from \"../interfaces/ICompanyRole\";\r\nimport { ISystemRole } from \"../interfaces/ISystemRole\";\r\nimport { CompanyRoles } from \"../_enums/CompanyRoles\";\r\nimport { SystemRoles } from \"../_enums/SystemRoles\";\r\n\r\nexport const useRoles = () => {\r\n    const hasCompanyRole = (role: CompanyRoles, company?: ICompany, userRoles?: ICompanyRole[]): boolean => {\r\n        let existingRole = userRoles?.find(_ => _.customer.id === company?.id && _.role.id === role);\r\n        return existingRole ? true : false;\r\n    }\r\n\r\n    const hasSystemRole = (role: SystemRoles, userRoles?: ISystemRole[]): boolean => {\r\n        let existingRole = userRoles?.find(_ => _.role === role);\r\n        return existingRole ? true : false;\r\n    }\r\n\r\n    return { hasCompanyRole, hasSystemRole };\r\n};","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faExclamationCircle, faExternalLinkSquareAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Callout } from \"@fluentui/react\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport { AppUserTypes } from \"../../_enums/AppUserTypes\";\r\nimport { CompanyRoles } from \"../../_enums/CompanyRoles\";\r\nimport { useAppUsers } from \"../../api/hooks/useAppUsers\";\r\nimport { AppSettings } from \"../../appSettings\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { IAppUser } from \"../../interfaces/IAppUser\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { Restricted } from \"../restricted/Restricted\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-size: 18px;\r\n    width: 45px;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    :hover {\r\n        cursor: pointer;\r\n        color: #4177bf;\r\n    }\r\n`;\r\n\r\nconst Header = styled.div`\r\n    padding: 10px 20px;\r\n    font-size: 10px;\r\n    color: white;\r\n    background-color: #4177bf;\r\n    text-transform: uppercase;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n`;\r\n\r\nconst Items = styled.div`\r\n    >div {\r\n        padding: 12px 20px;\r\n        border-bottom: 1px solid #eee;\r\n        cursor: pointer;\r\n\r\n        >div:first-child {\r\n            font-size: 14px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #bbb;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: unset;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const OpenInAppMenuItem: React.FC<{ appLink: string, vesselId: number }> = ({ appLink, vesselId }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { appUsers } = useAppUsers(0, vesselId, AppUserTypes.Vessel);\r\n    const [signingIn, setSigningIn] = useState(false);\r\n    const [calloutVisible, setCalloutVisible] = useState(false);\r\n    const buttonId = useId('callout-button');\r\n\r\n    const redirectToApp = async (appUser: IAppUser) => {\r\n        setSigningIn(true);\r\n        setCalloutVisible(false);\r\n\r\n        try {\r\n            var r = await app.api.getAppUserToken(appUser);\r\n            window.open(`${AppSettings.appUrl}${appLink}?actAs=true&t=${r.accessToken}&r=${r.refreshToken}`, \"_blank\");\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(error)\r\n            });\r\n        }\r\n\r\n        setSigningIn(false);\r\n    }\r\n\r\n    const openInApp = () => {\r\n        if (appUsers!.length > 1) {\r\n            setCalloutVisible(true);\r\n        }\r\n        else {\r\n            redirectToApp(appUsers![0]);\r\n        }\r\n    }\r\n\r\n    if ((!appUsers || appUsers.length === 0)) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Restricted requiredCompanyRoles={[CompanyRoles.CompanyAdmin, CompanyRoles.LoginAsAppUser]} hideRestrictedMessage>\r\n            <Container id={buttonId} onClick={openInApp} title=\"Open in app\">\r\n                {signingIn\r\n                    ? <AnimatedBars\r\n                        height=\"18px\"\r\n                        barWidth=\"4px\"\r\n                    />\r\n                    : <FontAwesomeIcon icon={faExternalLinkSquareAlt} />\r\n                }\r\n\r\n            </Container>\r\n            {calloutVisible &&\r\n                <Callout\r\n                    gapSpace={-5}\r\n                    target={`#${buttonId}`}\r\n                    onDismiss={() => setCalloutVisible(false)}\r\n                    styles={{\r\n                        beak: {\r\n                            backgroundColor: \"#4177bf\"\r\n                        }\r\n                    }}\r\n                >\r\n                    <Header>\r\n                        Sign in to app as\r\n                    </Header>\r\n                    <Items>\r\n                        {appUsers.map(a => {\r\n                            return (\r\n                                <div key={`AppUser_${a.id}`} onClick={() => redirectToApp(a)}>\r\n                                    <div>\r\n                                        {a.name}\r\n                                    </div>\r\n                                    <div>\r\n                                        {a.userName}\r\n                                    </div>\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </Items>\r\n                </Callout>\r\n            }\r\n        </Restricted>\r\n    );\r\n};","export enum LogReportType {\r\n    \"End Of Sea Passage\" = 10,\r\n    \"Start Of Sea Passage\" = 20,\r\n    Noon = 30,\r\n    Arrival = 40,\r\n    Departure = 50,\r\n    \"Seca Boundary\" = 60,\r\n    Rob = 70,\r\n    Anchored = 80,\r\n    \"Weighed Anchor\" = 90,\r\n    Log = 100,\r\n    Delivery = 200,\r\n    Redelivery = 210,\r\n    \"Start Offhire\" = 220,\r\n    \"End Offhire\" = 230,\r\n    \"Tank Initiation\" = 500,\r\n    Other = 10000\r\n}","import useSWR from \"swr\";\r\nimport { IBunkerDeliveryNote } from \"../../interfaces/IBunkerDeliveryNote\";\r\n\r\nexport const usePortCallBdns = (portCallId?: number, dedupingInterval?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(portCallId ? `/portCalls/${portCallId}/bdns` : null, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: dedupingInterval\r\n    });\r\n\r\n    let bdns: IBunkerDeliveryNote[] | undefined = data;\r\n\r\n    return { bdns, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport { LogReportType } from \"../_enums/LogReportType\";\r\nimport { faAnchor, faSun, faTint, faFileAlt, faLadderWater, faStop, faPlay } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nexport const useLogReportFunctions = () => {\r\n\r\n    const getTypeIcon = (_: LogReportType) => {\r\n        switch (_) {\r\n            case LogReportType.Anchored:\r\n                return <FontAwesomeIcon icon={faAnchor} style={{ color: \"#36a136\" }} />;\r\n            case LogReportType.Arrival:\r\n                return <FontAwesomeIcon icon={faLadderWater} style={{ color: \"#36a136\" }} />;\r\n            case LogReportType.Departure:\r\n                return <FontAwesomeIcon icon={faLadderWater} style={{ color: \"#d65532\" }} />;\r\n            case LogReportType[\"End Of Sea Passage\"]:\r\n                return <FontAwesomeIcon icon={faStop} style={{ color: \"#36a136\" }} />;\r\n            case LogReportType[\"Start Of Sea Passage\"]:\r\n                return <FontAwesomeIcon icon={faPlay} style={{ color: \"#d65532\" }} />;\r\n            case LogReportType.Noon:\r\n                return <FontAwesomeIcon icon={faSun} style={{ color: \"#bdaa47\" }} />;\r\n            case LogReportType.Rob:\r\n                return <FontAwesomeIcon icon={faTint} />;\r\n            case LogReportType[\"Weighed Anchor\"]:\r\n                return <FontAwesomeIcon icon={faAnchor} style={{ color: \"#d65532\" }} />;\r\n            default:\r\n                return <FontAwesomeIcon icon={faFileAlt} />\r\n        }\r\n    }\r\n\r\n    return { getTypeIcon };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBurn, faDroplet, faFileInvoice, faOilCan, faPrescriptionBottle, faSync } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { usePortCallLogReports } from \"../../../api/hooks/usePortCallLogReports\";\r\nimport { ILogReport } from \"../../../interfaces/ILogReport\";\r\nimport { usePortCallBdns } from \"../../../api/hooks/usePortCallBdns\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { useLogReportFunctions } from \"../../../hooks/useLogReportFunctions\";\r\nimport { IBunkerDeliveryNote } from \"../../../interfaces/IBunkerDeliveryNote\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { usePortCallProvider } from \"../../../contextHooks/PortCallContext\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\n\r\n//#region Styled Components\r\nconst Empty = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 30px;\r\n    min-height: 120px;\r\n\r\n    >div:first-child {\r\n        font-size: 32px;\r\n        color: #ddd;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n        color: #aaa;\r\n        padding-bottom: 10px;\r\n        text-align: center;\r\n    }\r\n`;\r\n\r\nconst FuelInfo = styled.div`\r\n    >div {\r\n        display: grid;\r\n        grid-template-columns: 25px 1fr;\r\n        margin-bottom: 15px;\r\n\r\n        .items {\r\n            font-size: 12px;\r\n            color: #777;\r\n\r\n            >div {\r\n                margin-bottom: 2px;\r\n            }\r\n            \r\n            >div:last-child {\r\n                margin-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PcReports = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { portCall } = usePortCallProvider();\r\n    const { getTypeIcon } = useLogReportFunctions();\r\n    const { makeDateObject, toDateString, resolveTimeZone } = useDateFunctions();\r\n    const { logReports, isValidating: fetchingLogReports, mutate: mutateLogReports } = usePortCallLogReports(id, true, true);\r\n    const { bdns, isValidating: fetchingBdns, mutate: mutateBdns } = usePortCallBdns(id);\r\n    const tz = resolveTimeZone(portCall.port.timeZone);\r\n    const history = useNavigate();\r\n    const [reports, setReports] = useState<(ILogReport | IBunkerDeliveryNote)[] | undefined>();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"icon\",\r\n            title: \"Type\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ILogReport | IBunkerDeliveryNote) => {\r\n                return \"type\" in _\r\n                    ? getTypeIcon((_ as ILogReport).type!)\r\n                    : <FontAwesomeIcon icon={faDroplet} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"Report\",\r\n            title: \"Report\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ILogReport | IBunkerDeliveryNote) => {\r\n                return \"type\" in _\r\n                    ? LogReportType[(_ as ILogReport).type!]\r\n                    : \"Bunker delivery note\";\r\n            }\r\n        },\r\n        {\r\n            key: \"Fuel info\",\r\n            render: (_: ILogReport | IBunkerDeliveryNote) => {\r\n                let robs: string[] = [];\r\n                let consumptions: string[] = [];\r\n                let bdnItems: string[] = [];\r\n\r\n                if (\"tankRobs\" in _) {\r\n                    // This is a log report\r\n                    if (_.tankRobs && _.tankRobs.length > 0) {\r\n                        _.tankRobs.forEach(tr => {\r\n                            robs.push(`${tr.tank?.name} - ${tr.totalRob?.toFixed(3)} MT`);\r\n                        });\r\n                    }\r\n\r\n                    if (_.tankConsumptions && _.tankConsumptions.length > 0) {\r\n                        _.tankConsumptions.forEach(tc => {\r\n                            consumptions.push(`${tc.tank?.name} - ${tc.engine?.name} ${tc.consumed?.toFixed(3)} MT`);\r\n                        });\r\n                    }\r\n                }\r\n                else {\r\n                    // This is a bunker delivery note\r\n                    let bdn = _ as IBunkerDeliveryNote;\r\n\r\n                    if (bdn.items && bdn.items.length > 0) {\r\n                        bdn.items.forEach(item => {\r\n                            bdnItems.push(`${item.fuel?.name} - ${item.delivered?.toFixed(3)} MT`);\r\n                        })\r\n                    }\r\n                }\r\n\r\n                return (\r\n                    <FuelInfo>\r\n                        {consumptions.length > 0 &&\r\n                            <div title=\"Consumption\">\r\n                                <div className=\"header\">\r\n                                    <FontAwesomeIcon icon={faBurn} />\r\n                                </div>\r\n                                <div className=\"items\">\r\n                                    {consumptions.map((c, index) => {\r\n                                        return (\r\n                                            <div key={`ConsumptionInfo_${index}`}>\r\n                                                {c}\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        {robs.length > 0 &&\r\n                            <div title=\"ROB\">\r\n                                <div className=\"header\">\r\n                                    <FontAwesomeIcon icon={faPrescriptionBottle} />\r\n                                </div>\r\n                                <div className=\"items\">\r\n                                    {robs.map((r, index) => {\r\n                                        return (\r\n                                            <div key={`RobInfo_${index}`}>\r\n                                                {r}\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        {bdnItems.length > 0 &&\r\n                            <div title=\"Bunkered\">\r\n                                <div className=\"header\">\r\n                                    <FontAwesomeIcon icon={faOilCan} />\r\n                                </div>\r\n                                <div className=\"items\">\r\n                                    {bdnItems.map((r, index) => {\r\n                                        return (\r\n                                            <div key={`BdnInfo_${index}`}>\r\n                                                {r}\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </FuelInfo>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"DateAndTime\",\r\n            gridCellWidth: \"max-content\",\r\n            title: \"Date and time\",\r\n            render: (_: ILogReport | IBunkerDeliveryNote) => {\r\n                return \"type\" in _\r\n                    ? toDateString(_.dateAndTime, tz)\r\n                    : toDateString((_ as IBunkerDeliveryNote).commenced, tz);\r\n            }\r\n        }\r\n    ];\r\n\r\n    const refresh = () => {\r\n        mutateLogReports();\r\n        mutateBdns();\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (logReports && bdns) {\r\n            let sorted = [...logReports, ...bdns].sort((a, b) => {\r\n                let dateA = (\"type\" in a) ? makeDateObject(a.dateAndTime) : makeDateObject((a as IBunkerDeliveryNote).commenced);\r\n                let dateB = (\"type\" in b) ? makeDateObject(b.dateAndTime) : makeDateObject((b as IBunkerDeliveryNote).commenced);\r\n                return dateA > dateB ? 1 : -1;\r\n            });\r\n\r\n            setReports(sorted);\r\n        }\r\n    }, [logReports, bdns])\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"392px\"\r\n            title=\"Reports\"\r\n            icon={<FontAwesomeIcon icon={faFileInvoice} />}\r\n            loading={(fetchingLogReports || fetchingBdns) && !reports}\r\n            actions={[\r\n                {\r\n                    title: \"Refresh\",\r\n                    icon: <FontAwesomeIcon icon={faSync} />,\r\n                    onClick: refresh\r\n                }\r\n            ]}\r\n        >\r\n            {reports && reports.length > 0\r\n                ?\r\n                <AppGridTableNew\r\n                    blueHeader\r\n                    noCellBorder\r\n                    data={reports}\r\n                    columns={columns}\r\n                    rowClick={(_: ILogReport | IBunkerDeliveryNote) => {\r\n                        return \"type\" in _\r\n                            ? history(`/reports/log/${_.id}`)\r\n                            : history(`/reports/bdn/${_.id}`);\r\n                    }}\r\n                />\r\n                :\r\n                <Empty>\r\n                    <div>\r\n                        <Icon iconName=\"Snooze\" />\r\n                    </div>\r\n                    <div>\r\n                        No log reports at the moment.\r\n                    </div>\r\n                </Empty>\r\n            }\r\n        </Card>\r\n    );\r\n}","import useSWR from \"swr\";\r\nimport { ILogReport } from \"../../interfaces/ILogReport\";\r\n\r\nexport const usePortCallLogReports = (portCallId: number, includeConsumption: boolean = false, includeRob: boolean = false) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/portCalls/${portCallId}/logReports?includeConsumption=${includeConsumption}&includeRob=${includeRob}`, {\r\n        revalidateOnFocus: false,\r\n    });\r\n\r\n    let logReports: ILogReport[] | undefined = data;\r\n\r\n    return { logReports, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortCallProvider } from \"../../contextHooks/PortCallContext\";\r\nimport { faFileContract, faFileExcel, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { useFileFunctions } from \"../../hooks/useFileFunctions\";\r\nimport { Callout, DirectionalHint, Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ disabled: boolean }>`\r\n    font-size: 16px;\r\n    width: 45px;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 18px;\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n\r\n    .beta {\r\n        position: absolute;\r\n        bottom: -13px;\r\n        left: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        padding: 3px 5px 2px;\r\n        text-transform: uppercase;\r\n        font-size: 8px;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        margin-top: 1px;\r\n        border-radius: 4px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n        font-family: Roboto;\r\n    }\r\n\r\n    :hover {\r\n        color: ${_ => _.disabled ? undefined : \"#4177bf\"};\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    >div {\r\n        display: flex;\r\n        padding: 12px 20px;\r\n        border-bottom: 1px solid #eee;\r\n        \r\n        >div:first-child {\r\n            width: 22px;\r\n            padding-top: 1px;\r\n        }\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n            background-color: #f5f5f5;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: none;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DownloadPortCallReport = () => {\r\n    const { portCall } = usePortCallProvider();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getError } = useRest();\r\n    const { app } = useAppContext();\r\n    const [downloadingReport, setDownloadingReport] = useState<\"pdf\" | \"xlsx\" | undefined>();\r\n    const [menuOpen, { toggle: toggleMenuOpen }] = useBoolean(false);\r\n    const containerId = useId('portcall-download-button');\r\n\r\n    const downloadReport = async () => {\r\n        app.setAppMessage({\r\n            text: \"Downloading report, please wait...\",\r\n            ttl: 15000,\r\n            icon: <FontAwesomeIcon icon={downloadingReport === \"pdf\" ? faFilePdf : faFileExcel} />\r\n        });\r\n\r\n        try {\r\n            let base64string = await app.api.downloadPortCallReport(\r\n                portCall.id,\r\n                downloadingReport,\r\n                downloadingReport === \"pdf\",\r\n                downloadingReport === \"pdf\"\r\n            );\r\n            app.setAppMessage();\r\n\r\n            let tResult = triggerDownload(base64string, `Portcall report for ${toCapitalLetters(portCall.port.name)}.${downloadingReport}`);\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setDownloadingReport(undefined);\r\n    }\r\n\r\n    const startDownload = (fileType: \"pdf\" | \"xlsx\") => {\r\n        if (downloadingReport === undefined) {\r\n            setDownloadingReport(fileType);\r\n            toggleMenuOpen();\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (downloadingReport) {\r\n            downloadReport();\r\n        }\r\n    }, [downloadingReport])\r\n\r\n    return (\r\n        <>\r\n            <Container\r\n                id={containerId}\r\n                key=\"asdasdasd\"\r\n                disabled={downloadingReport !== undefined}\r\n                title=\"Download portcall report\"\r\n                onClick={() => {\r\n                    if (downloadingReport == undefined) {\r\n                        toggleMenuOpen();\r\n                    }\r\n                }}\r\n            >\r\n                <FontAwesomeIcon icon={faFileContract} />\r\n            </Container>\r\n\r\n            {menuOpen &&\r\n                <Callout\r\n                    gapSpace={20}\r\n                    target={`#${containerId}`}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                    onDismiss={toggleMenuOpen}\r\n                >\r\n                    <CalloutBody>\r\n                        <div onClick={() => startDownload(\"pdf\")}>\r\n                            <div>\r\n                                <Icon {...getFileTypeIconProps({ extension: \"pdf\", size: 16, imageFileType: 'png' })} />\r\n                            </div>\r\n                            <div>\r\n                                Download PDF report\r\n                            </div>\r\n                        </div>\r\n                        <div onClick={() => startDownload(\"xlsx\")}>\r\n                            <div>\r\n                                <Icon {...getFileTypeIconProps({ extension: \"xlsx\", size: 16, imageFileType: 'png' })} />\r\n                            </div>\r\n                            <div>\r\n                                Download Excel report\r\n                            </div>\r\n                        </div>\r\n                    </CalloutBody>\r\n                </Callout>\r\n            }\r\n        </>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport useMessages from \"../../hooks/useMessages\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { usePortCallPerformance } from \"../../api/hooks/usePortCallPerformance\";\r\nimport { PortCall } from \"../../classes/PortCall\";\r\nimport { PortCallContextProvider, usePortCallProvider } from \"../../contextHooks/PortCallContext\";\r\nimport { IPortCallPerformance } from \"../../interfaces/IPortCallPerformance\";\r\nimport { LoadingSpinner } from \"../loading/LoadingSpinner\";\r\nimport { PcDetails } from \"./details/PcDetails\";\r\nimport { faBan, faChartColumn, faCloudSun, faExternalLinkSquare, faRoute } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { ContentPageTitle } from \"../../blocks/contentPage/ContentPageTitle\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { PcCargos } from \"./cargo/PcCargos\";\r\nimport { PcEvents } from \"./events/PcEvents\";\r\nimport { PcTimeLine } from \"./PcTimeLine\";\r\nimport { PcDocuments } from \"./documents/PcDocuments\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { ICargo } from \"../../interfaces/ICargo\";\r\nimport { PortCallStatus } from \"../../_enums/PortCallStatus\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { OpenInAppMenuItem } from \"../../blocks/openInApMenuItem/OpenInAppMenuItem\";\r\nimport { PcReports } from \"./reports/PcReports\";\r\nimport { DownloadPortCallReport } from \"./DownloadPortCallReport\";\r\n\r\n//#region Styled Components\r\nconst Columns = styled.div`\r\n    margin: 30px;\r\n    display: grid;\r\n    grid-template-columns: auto 300px;\r\n    gap: 30px;\r\n    transition: grid-template-columns .5s ease;\r\n\r\n    @media (min-width: 1700px) {\r\n        grid-template-columns: auto 350px;\r\n    }\r\n`;\r\n\r\nconst Left = styled.div`\r\n    >div {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        gap: 30px;\r\n    }\r\n\r\n    @media (min-width: 2000px) {\r\n        .two-columns {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Right = styled.div`\r\n\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    >div {\r\n        >div:last-child {\r\n            margin-top: 15px;\r\n            font-size: 14px;\r\n            color: #777;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PortCallContainer = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { portCallPerformance, mutate: mutatePerformance } = usePortCallPerformance(id);\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const [error, setError] = useState<string | undefined>();\r\n    const [portCall, setPortCall] = useState<PortCall | undefined>();\r\n    const [cargo, setCargo] = useState<ICargo[] | undefined>();\r\n\r\n    const getPortcall = () => {\r\n        setError(undefined);\r\n        app.api.getPortCall(id)\r\n            .then(_ => {\r\n                setPortCall(_);\r\n            })\r\n            .catch(async err => {\r\n                setError(await getError(err));\r\n            });\r\n    }\r\n\r\n    const getCargo = () => {\r\n        app.api.getPortCallCargo(id)\r\n            .then(_ => {\r\n                setCargo(_);\r\n            })\r\n            .catch(async err => {\r\n                setError(await getError(err));\r\n            });\r\n    }\r\n\r\n    useMessages(\"Event\", m => {\r\n        if (m.portCallId === Number(id)) {\r\n            getPortcall();\r\n            getCargo();\r\n            mutatePerformance();\r\n        }\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            getPortcall();\r\n            getCargo();\r\n        }\r\n    }, [id])\r\n\r\n    if (error) {\r\n        return (\r\n            <LoadingSpinner text={error} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    if (!portCall || portCall === undefined) {\r\n        return (\r\n            <Loading>\r\n                <div>\r\n                    <AnimatedBars height=\"20px\" barWidth=\"4px\" />\r\n                    <div>\r\n                        Fetching portcall details...\r\n                    </div>\r\n                </div>\r\n            </Loading>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <PortCallContextProvider>\r\n            <Container\r\n                pc={portCall}\r\n                cargo={cargo}\r\n                performance={portCallPerformance}\r\n            />\r\n        </PortCallContextProvider>\r\n    );\r\n};\r\n\r\nconst Container: React.FC<{ pc: PortCall, cargo?: ICargo[], performance?: IPortCallPerformance }> = ({ pc, cargo, performance }) => {\r\n    const { portCall, setFlow, setPortCall, setCargo, setPerformance, setForecastOpen } = usePortCallProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { app } = useAppContext();\r\n    const { getDurationString } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    useEffect(() => {\r\n        setPortCall(pc);\r\n\r\n        if (pc && pc.events && pc.events.length > 0) {\r\n            app.api.getFlow(pc.events[0].flowId)\r\n                .then(_ => {\r\n                    setFlow(_);\r\n                });\r\n        }\r\n    }, [pc])\r\n\r\n    useEffect(() => {\r\n        if (cargo) {\r\n            setCargo(cargo);\r\n        }\r\n    }, [cargo])\r\n\r\n    useEffect(() => {\r\n        if (performance) {\r\n            setPerformance(performance);\r\n        }\r\n    }, [performance])\r\n\r\n    if (!portCall) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        icon: <FontAwesomeIcon icon={faCloudSun} />,\r\n                        title: `Weather forecast for ${toCapitalLetters(portCall.port.name)}`,\r\n                        onClick: () => {\r\n                            setForecastOpen(true);\r\n                        }\r\n                    },\r\n                    {\r\n                        icon: <FontAwesomeIcon icon={faExternalLinkSquare} />,\r\n                        title: \"Open port call in app\",\r\n                        render: () => {\r\n                            return <OpenInAppMenuItem key=\"OpenInApp\" appLink={`/portCalls/${pc.id}`} vesselId={pc.vessel.id} />\r\n                        }\r\n                    },\r\n                    {\r\n                        icon: <FontAwesomeIcon icon={faRoute} />,\r\n                        title: \"Edit portcall in voyage\",\r\n                        onClick: () => {\r\n                            history(`/voyages/${portCall.voyage.id}/edit`);\r\n                        }\r\n                    },\r\n                    {\r\n                        title: \"Download portcall report\",\r\n                        render: () => <DownloadPortCallReport />,\r\n                        beta: true\r\n                    },\r\n                    {\r\n                        icon: <FontAwesomeIcon icon={faChartColumn} style={{ marginTop: \"3px\", fontSize: \"18px\" }} />,\r\n                        title: \"Port statistics\",\r\n                        onClick: () => {\r\n                            history(`/ports/${portCall.port.id}/performance`);\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"Portcalls\",\r\n                            title: \"portcalls\",\r\n                            url: \"/portcalls\"\r\n                        },\r\n                        {\r\n                            id: portCall.id.toString(),\r\n                            url: `/portCalls/${portCall.id}`,\r\n                            title:\r\n                                <>\r\n                                    <ReactCountryFlag style={{ height: '18px', width: \"18px\", padding: \"0 5px 3px 0\" }} countryCode={pc.port!.countryCode} svg />\r\n                                    <span>{toCapitalLetters(portCall.port.name)}</span>\r\n                                </>\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody\r\n                message={\r\n                    portCall.inActive\r\n                        ?\r\n                        {\r\n                            type: \"error\",\r\n                            icon: <FontAwesomeIcon icon={faBan} />,\r\n                            content: <span>Portcall is disabled (inactive).</span>\r\n                        }\r\n                        : portCall.status === PortCallStatus.Active\r\n                            ?\r\n                            {\r\n                                type: \"success\",\r\n                                icon: <AnimatedBars height=\"12px\" barWidth=\"3px\" altBarColor=\"white\" barColor=\"white\" />,\r\n                                backgroundColor: \"#4177bf\",\r\n                                color: \"white\",\r\n                                content: <span>Portcall is active. Current duration is {getDurationString(portCall.totalDuration, false, true)}.</span>\r\n                            }\r\n                            : undefined\r\n                }\r\n\r\n            >\r\n                <ContentPageTitle>\r\n                    Details for portcall {toCapitalLetters(portCall.port.name)}\r\n                </ContentPageTitle>\r\n                <PcDetails />\r\n                <Columns>\r\n                    <Left>\r\n                        <PcTimeLine />\r\n                        <PcCargos />\r\n                        <div className=\"two-columns\">\r\n                            <PcDocuments />\r\n                            <PcReports />\r\n                        </div>\r\n                    </Left>\r\n                    <Right>\r\n                        <PcEvents />\r\n                    </Right>\r\n                </Columns>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IPortCallPerformance } from \"../../interfaces/IPortCallPerformance\";\r\n\r\nexport const usePortCallPerformance = (id: number) => {\r\n    const { data, error, isValidating: fetchingPortCallPerformance, mutate } = useSWR(`/portcalls/${id}/performance`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2000  \r\n    });\r\n\r\n    let portCallPerformance: IPortCallPerformance = data;\r\n\r\n    return { portCallPerformance, error, fetchingPortCallPerformance, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\n\r\nexport const usePort = (id?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(id ? `/ports/${id}` : null, {\r\n        // dedupingInterval: 1000 * 60 * 30,\r\n        dedupingInterval: 0,\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 0,\r\n    });\r\n\r\n    let port: IPort | undefined = data;\r\n\r\n    return { port, error, isValidating, mutate };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IFilterValue } from '../interfaces/IFilterValue';\r\nimport { IPort } from '../interfaces/IPort';\r\nimport { IPortPerformanceAggregate } from '../interfaces/IPortPerformanceAggregate';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setPort\", port: IPort | undefined }\r\n    | { type: \"setPerformance\", performance: IPortPerformanceAggregate[] }\r\n    | { type: \"setFilters\", filters: IFilterValue[] };\r\n\r\ntype PortAndPerformance = {\r\n    port: IPort | undefined\r\n    performance: IPortPerformanceAggregate[]\r\n    filters: IFilterValue[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: PortAndPerformance,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    filters: [],\r\n    performance: []\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst usePortContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: PortAndPerformance, action: ReducerAction): PortAndPerformance => {\r\n    switch (action.type) {\r\n        case \"setPort\":\r\n            return {\r\n                ...state,\r\n                port: action.port\r\n            };\r\n        case \"setPerformance\":\r\n            return {\r\n                ...state,\r\n                performance: action.performance\r\n            };\r\n        case \"setFilters\":\r\n            return {\r\n                ...state,\r\n                filters: action.filters\r\n            };\r\n    }\r\n}\r\n\r\nexport const PortStatsContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const usePortStatsProvider = () => {\r\n    const { state, dispatch } = usePortContext();\r\n\r\n    return {\r\n        port: state.port,\r\n        performance: state.performance,\r\n        filters: state.filters,\r\n\r\n        setPort: (port: IPort) => {\r\n            dispatch({\r\n                type: \"setPort\",\r\n                port\r\n            })\r\n        },\r\n        setPerformance: (performance: IPortPerformanceAggregate[]) => {\r\n            dispatch({\r\n                type: \"setPerformance\",\r\n                performance\r\n            })\r\n        },\r\n        setFilters: (filters: IFilterValue[]) => {\r\n            dispatch({\r\n                type: \"setFilters\",\r\n                filters\r\n            })\r\n        }\r\n    };\r\n}","import { DateTime } from \"luxon\";\r\nimport useSWR from \"swr\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { IPortPerformanceNew } from \"../../interfaces/IPortPerformanceNew\";\r\n\r\nexport const usePortPerformance = (filters: IFilterValue[], id?: number, sortBy?: string, ascending?: boolean) => {\r\n    let url = `/ports/${id}/performanceList?`;\r\n    let queryStrings: string[] = [\r\n        `sortBy=${sortBy}`,\r\n        `ascending=${ascending}`\r\n    ];\r\n\r\n    filters.forEach(f => {\r\n        if (f.value.value instanceof Date) {\r\n            queryStrings.push(`${f.property.name}=${DateTime.fromJSDate(new Date(f.value.value)).toISODate()}`);\r\n        }\r\n        else if (f.value.value instanceof Array) {\r\n            queryStrings.push(`${f.property.name}=${f.value.value.join(\",\")}`);\r\n        }\r\n        else {\r\n            queryStrings.push(`${f.property.name}=${f.value}`);\r\n        }\r\n    });\r\n\r\n    url += queryStrings.join(\"&\");\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(id ? url : null, {\r\n        dedupingInterval: 1000 * 60 * 30,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let performance: IPortPerformanceNew[] = data ? data : undefined;\r\n\r\n    return { performance, error, fetching };\r\n};\r\n\r\n","import React from \"react\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { IDivTableColumn } from \"../../interfaces/IDivTableColumn\";\r\nimport { IPortPerformanceNew } from \"../../interfaces/IPortPerformanceNew\";\r\n\r\nexport const portAnchoredColumns: IDivTableColumn[] = [\r\n    {\r\n        key: \"voyage\",\r\n        width: \"55px\"\r\n    },\r\n    {\r\n        key: \"vessel\",\r\n        capitalLetters: true,\r\n    },\r\n    {\r\n        key: \"fact.arrived\",\r\n        title: \"Arrived\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <DateString date={_.fact.arrived} short={true} />;\r\n        }\r\n    },\r\n    {\r\n        key: \"fact.departed\",\r\n        title: \"Departed\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <DateString date={_.fact.departed} short={true} />;\r\n        }\r\n    },\r\n    {\r\n        key: \"percentAnchored\",\r\n        title: \"Anchored\",\r\n        width: \"65px\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <div style={{textAlign: \"right\"}}>{((_.fact.minutesAnchored / _.fact.minutesTotal) * 100).toFixed(2)}%</div>;\r\n        }\r\n    },\r\n    {\r\n        key: \"benchMark\",\r\n        title: \" \",\r\n        width: \"15px\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            let percentAnchored = (_.fact.minutesAnchored / _.fact.minutesTotal) * 100;\r\n            let color = percentAnchored < 10 ? \"#00ad56\" : \"#e94649\";\r\n\r\n            return <div\r\n                style={{\r\n                    height: \"12px\",\r\n                    width: \"12px\",\r\n                    backgroundColor: color,\r\n                    borderRadius: \"50%\"\r\n\r\n                }}\r\n            />;\r\n        }\r\n    }\r\n]","import { IAppTableColumn } from \"../interfaces/IAppTableColumn\";\r\n\r\nexport const useAppTable = () => {\r\n    const getColumnWidth = (columns: IAppTableColumn[], c: IAppTableColumn): string | number => {\r\n        if (c.width) {\r\n            return c.width;\r\n        }\r\n\r\n        let columnsWithWidth = columns.filter(_ => _.width).map(_ => _.width);\r\n        let columnsWithOutWidth = columns.filter(_ => !_.width)\r\n\r\n        if (columnsWithWidth) {\r\n            let temp = `calc((100% - ${columnsWithWidth.join(\" - \")}     ) / ${columnsWithOutWidth.length})`;\r\n            return temp;\r\n        }\r\n\r\n        return 100 / columns.length + \"%\";\r\n    }\r\n\r\n    const getData = (column: IAppTableColumn, data: any) => {\r\n        return resolveData(column.key, data);\r\n    }\r\n\r\n    const resolveData = (path: string, obj: any) => {\r\n        return path.split('.').reduce(function (prev, curr) {\r\n            return prev ? prev[curr] : null\r\n        }, obj)\r\n    }\r\n\r\n    const createGridTemplate = (columns: IAppTableColumn[]) => {\r\n        let gridTemplates: string[] = [];\r\n\r\n        columns.forEach(_ => {\r\n            if (_.minWidth && _.maxWidth) {\r\n                gridTemplates.push(`minmax(${_.minWidth}, ${_.maxWidth})`);\r\n            }\r\n            else if (_.minWidth) {\r\n                gridTemplates.push(`minmax(${_.minWidth}, auto)`);\r\n            }\r\n            else if (_.maxWidth) {\r\n                gridTemplates.push(`minmax(60px, ${_.maxWidth})`);\r\n            }\r\n            else {\r\n                gridTemplates.push(\"1fr\");\r\n            }\r\n        });\r\n\r\n        return gridTemplates;\r\n    }\r\n\r\n    return { createGridTemplate, getColumnWidth, getData };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppTable } from \"../../hooks/useAppTable\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\n\r\nconst Component = styled.td<{ hideBelowWidth?: string, noSideBorder?: boolean, noPadding?: boolean }>`\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    padding: ${_ => _.noPadding ? \"0\" : \"0 16px\"};\r\n\r\n    :first-child {\r\n        padding-left: ${_ => _.noPadding ? \"0\" : \"30px !important\"} ;\r\n    }\r\n\r\n    :last-child {\r\n        padding-right: ${_ => _.noPadding ? \"0\" : \"30px !important\"} ;\r\n    }\r\n\r\n    @media (max-width: ${_ => _.hideBelowWidth}) {\r\n        display: none;\r\n    }\r\n`;\r\n\r\nexport const AppTableCell: React.FC<{ column: IAppTableColumn, data: any, noSideBorder?: boolean }> = ({ column, data, noSideBorder }) => {\r\n    const { getData } = useAppTable();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    return (\r\n        <Component\r\n            noSideBorder={noSideBorder}\r\n            noPadding={column.noPadding}\r\n            hideBelowWidth={column.hideBelowWidth}\r\n            style={{\r\n                backgroundColor: column.backgroundColor ? column.backgroundColor : undefined,\r\n            }}>\r\n            {column.render\r\n                ? column.render(data)\r\n                : column.capitalLetters\r\n                    ? toCapitalLetters(getData(column, data))\r\n                    : getData(column, data)\r\n            }\r\n        </Component>\r\n    );\r\n}","import React, { CSSProperties } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { AppTableCell } from \"./AppTableCell\";\r\n\r\nconst Component = styled.tr<{ clickable: boolean }>`\r\n    cursor: ${_ => _.clickable ? \"pointer\" : \"default\"};\r\n    border-bottom: 1px #ddd solid;\r\n    height: 60px;\r\n\r\n    :nth-of-type(odd) {\r\n        background-color: rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    :hover {\r\n        background-color: ${_ => _.clickable ? \"#e4e4e4\" : undefined};\r\n    }\r\n`;\r\n\r\ninterface IAppTableRow {\r\n    columns: IAppTableColumn[]\r\n    data: any\r\n    nextDataRow?: any\r\n    noSideBorder?: boolean\r\n    rowTitle?: string\r\n    rowClick?: (rowData: any) => void\r\n    rowStyle?: (rowData: any, nextRowData?: any) => CSSProperties | undefined\r\n}\r\n\r\nexport const AppTableRow: React.FC<IAppTableRow> = ({ columns, data, nextDataRow, rowTitle, noSideBorder, rowClick, rowStyle }) => {\r\n    const onClick = () => {\r\n        if (rowClick) {\r\n            rowClick(data);\r\n        }\r\n    }\r\n\r\n    const style = rowStyle\r\n        ? rowStyle(data, nextDataRow)\r\n        : undefined;\r\n\r\n    return (\r\n        <Component title={rowTitle} onClick={onClick} style={style} clickable={rowClick ? true : false}>\r\n            {columns.filter(_ => !_.hide).map(_ => {\r\n                return (\r\n                    <AppTableCell\r\n                        key={`AppTableCell_${_.key}`}\r\n                        noSideBorder={noSideBorder}\r\n                        column={_}\r\n                        data={data}\r\n                    />\r\n                );\r\n            })}\r\n        </Component>\r\n    );\r\n}","import React, { CSSProperties } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { AppTableRow } from \"./AppTableRow\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled components\r\nconst Container = styled.table`\r\n    position: relative;\r\n    border-collapse: collapse; \r\n    text-align: left;\r\n    width: 100%;\r\n    table-layout: fixed;\r\n    border-spacing: 0;\r\n    font-size: 14px;\r\n\r\n    >thead tr {\r\n        height: 40px;\r\n    }\r\n`;\r\n\r\nconst HeaderColumn = styled.th<{ hideBelowWidth?: string, noSideBorder?: boolean }>`\r\n    background-color: rgb(46, 105, 185, .9);\r\n    color: white;\r\n    position: sticky;\r\n    top: 0; /* Required for stickiness */\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 0 16px;\r\n    font-weight: 400;\r\n    font-size: 10px;\r\n    z-index: 1;\r\n    \r\n    :first-child {\r\n        padding-left: 30px;\r\n    }\r\n\r\n    :last-child {\r\n        padding-right: 30px;\r\n    }\r\n\r\n    @media (max-width: ${_ => _.hideBelowWidth}) {\r\n        display: none;\r\n    }\r\n`;\r\n\r\nconst NoData = styled.div<{ minHeight?: string }>`\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    align-items: center;\r\n    justify-content: center;\r\n    min-height: ${_ => _.minHeight ? _.minHeight : \"120px\"};\r\n    font-size: 14px;\r\n    color: #555;\r\n`;\r\n\r\nconst Magnifier = styled.div`\r\n        font-size: 28px;\r\n        animation: animateSearchIcon 1.2s forwards;\r\n        color: #333;\r\n        scale: 1.4;\r\n\r\n        @keyframes animateSearchIcon {\r\n            100% {\r\n                scale: .7;\r\n                color: #aaa;\r\n            }\r\n        }\r\n`;\r\n//#endregion\r\n\r\ninterface IAppTableProps {\r\n    columns: IAppTableColumn[]\r\n    data?: any[]\r\n    noSideBorder?: boolean\r\n    noCellPadding?: boolean\r\n    loading?: boolean\r\n    loadingText?: string\r\n    rowTitle?: string\r\n    rowClick?: (rowData: any) => void\r\n    rowStyle?: (rowData: any, nextRowData?: any) => CSSProperties | undefined\r\n    errorText?: string\r\n}\r\n\r\nexport const AppTable: React.FC<IAppTableProps> = ({ columns, data, noSideBorder, loading, rowTitle, errorText, rowClick, rowStyle }) => {\r\n\r\n    if (errorText) {\r\n        return (\r\n            <NoData minHeight=\"75px\">\r\n                {errorText}\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    if (loading || !data) {\r\n        return (\r\n            <NoData>\r\n                <AnimatedBars />\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    if (!loading && (!data || data.length === 0)) {\r\n        return (\r\n            <NoData minHeight=\"75px\">\r\n                <Magnifier>\r\n                    <FontAwesomeIcon icon={faSearch} />\r\n                </Magnifier>\r\n                <div>\r\n                    No data available\r\n                </div>\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <thead>\r\n                <tr>\r\n                    {columns.filter(_ => !_.hide).map(_ => {\r\n                        return (\r\n                            <HeaderColumn\r\n                                title={_.hoverTitle}\r\n                                hideBelowWidth={_.hideBelowWidth}\r\n                                noSideBorder={noSideBorder}\r\n                                style={{ width: _.width }}\r\n                                key={`AppTableColumnHeader_${_.key}`}\r\n                            >\r\n                                {_.title ? _.title : _.key}\r\n                            </HeaderColumn>\r\n                        )\r\n                    })}\r\n                </tr>\r\n            </thead>\r\n            <tbody>\r\n                {data && data.map((_, i) => {\r\n                    return (\r\n                        <AppTableRow\r\n                            rowTitle={rowTitle}\r\n                            key={`AppTableRowHeader_${i}`}\r\n                            columns={columns}\r\n                            noSideBorder={noSideBorder}\r\n                            data={_}\r\n                            nextDataRow={data[i + 1]}\r\n                            rowClick={rowClick}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    );\r\n                })}\r\n            </tbody>\r\n        </Container>\r\n    );\r\n};","import React, { useCallback, useEffect } from \"react\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { useState } from \"react\";\r\nimport { IAnnotation } from \"../../interfaces/charts/IAnnotation\";\r\n\r\ninterface IBarChartProps {\r\n    height: number\r\n    series: any[]\r\n    categories: string[]\r\n    annotations?: IAnnotation[]\r\n\r\n\r\n\r\n    // annotations?: YAxisAnnotations[],\r\n\r\n    minYValue?: number\r\n    maxYValue?: number\r\n    tickAmount?: number\r\n    amountText?: string\r\n}\r\n\r\nexport const BarChart: React.FC<IBarChartProps> = ({ height, series, categories, minYValue, maxYValue, tickAmount, amountText, annotations }) => {\r\n\r\n    const [chart, setChart] = useState();\r\n\r\n    /*\r\n    let _annotations: YAxisAnnotations[] = [];\r\n\r\n    if (annotations) {\r\n        console.log(\"Annotations\");\r\n        \r\n        _annotations = annotations.map(_ => {\r\n            return {\r\n                y: _.y,\r\n                borderColor: _.color,\r\n                borderWidth: 2,\r\n                strokeDashArray: 3,\r\n                label: {\r\n                    borderColor: _.color,\r\n                    borderWidth: 2,\r\n                    style: {\r\n                        color: '#333',\r\n                        background: '#ddd',\r\n                        fontSize: \"12px\"\r\n\r\n                    },\r\n                    text: _.text,\r\n                    offsetY: -1\r\n                }\r\n            };\r\n        });\r\n    }\r\n    */\r\n\r\n\r\n    const options: ApexCharts.ApexOptions = {\r\n\r\n        // annotations: {\r\n        //     yaxis: annotations ? annotations.map(_ => {\r\n        //         return {\r\n        //             y: _.y,\r\n        //             borderColor: _.color,\r\n        //             borderWidth: 2,\r\n        //             strokeDashArray: 3,\r\n        //             label: {\r\n        //                 borderColor: _.color,\r\n        //                 borderWidth: 2,\r\n        //                 style: {\r\n        //                     color: '#333',\r\n        //                     background: '#ddd',\r\n        //                     fontSize: \"12px\"\r\n\r\n        //                 },\r\n        //                 text: _.text,\r\n        //                 offsetY: -1\r\n        //             }\r\n        //         };\r\n        //     }) : []\r\n        // },\r\n\r\n        // annotations: {\r\n        //     yaxis: _annotations\r\n        // },\r\n\r\n        // annotations: mapAnnotations(),\r\n\r\n        // annotations: !annotations ? undefined : annotations.map(_ => {\r\n        //     let test:YAxisAnnotations = {\r\n        //         y: _.y,\r\n        //         borderColor: _.color,\r\n        //         borderWidth: 2,\r\n        //         strokeDashArray: 3,\r\n        //         label: {\r\n        //             borderColor: _.color,\r\n        //             borderWidth: 2,\r\n        //             style: {\r\n        //                 color: '#333',\r\n        //                 background: '#ddd',\r\n        //                 fontSize: \"12px\"\r\n\r\n        //             },\r\n        //             text: _.text,\r\n        //             offsetY: -1\r\n        //         }\r\n        //     };\r\n\r\n        //     return test;\r\n        // }),\r\n\r\n\r\n        chart: {\r\n            zoom: {\r\n                enabled: false\r\n            },\r\n            toolbar: {\r\n                show: false\r\n            }\r\n        },\r\n        //colors: [\"#b7c3d6\", \"#354052\"],\r\n        plotOptions: {\r\n            bar: {\r\n                horizontal: false,\r\n                columnWidth: '60%',\r\n                borderRadius: 1\r\n            }\r\n        },\r\n        dataLabels: {\r\n            enabled: false\r\n        },\r\n        legend: {\r\n            show: false\r\n        },\r\n        stroke: {\r\n            show: true,\r\n            width: 5,\r\n            colors: ['transparent']\r\n        },\r\n        xaxis: {\r\n            //categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct'],\r\n            categories: categories,\r\n\r\n        },\r\n        yaxis: {\r\n            max: maxYValue,\r\n            min: minYValue,\r\n            tickAmount: tickAmount,\r\n            labels: {\r\n                formatter: (val, opts) => {\r\n                    //return `$${val} K`;\r\n\r\n                    return `${val} ${amountText}.`;\r\n                }\r\n            }\r\n        },\r\n        fill: {\r\n            opacity: 1\r\n        },\r\n        grid: {\r\n            row: {\r\n                colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n                opacity: 0.5\r\n            },\r\n            padding: {\r\n                //right: 120\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function (val) {\r\n                    return `${val} ${amountText}`\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n\r\n    // const chartRef = useCallback(_ => {\r\n    //     if (_) {\r\n    //         setChart(_.chart);\r\n    //     }\r\n    // }, []);\r\n\r\n\r\n    \r\n    \r\n    // if(!series || series.length === 0) {\r\n    //     return null;\r\n    // }\r\n\r\n\r\n\r\n    useEffect(()=> {\r\n\r\n\r\n\r\n    }, [series])\r\n\r\n    return (\r\n        <ReactApexChart\r\n            options={options}\r\n            height={height}\r\n            series={series}\r\n            type=\"bar\"\r\n            // ref={chartRef}\r\n        />\r\n    );\r\n};","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { usePortPerformance } from \"../../../api/hooks/usePortPerformance\";\r\nimport { usePortPerformanceAggregate } from \"../../../api/hooks/usePortPerformanceAggregate\";\r\nimport { portAnchoredColumns } from \"../../../appTableColumnDefinitions/portCalls/portAnchoredColumns\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { usePortStatsProvider } from \"../../../contextHooks/PortStatsContext\";\r\nimport { IPortPerformanceAggregate } from \"../../../interfaces/IPortPerformanceAggregate\";\r\nimport { IPortPerformanceNew } from \"../../../interfaces/IPortPerformanceNew\";\r\nimport { BarChart } from \"../../charts/BarChart\";\r\n\r\n//#region Styled Components\r\nconst TableHeader = styled.div`\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    padding: 12px 25px;\r\n`;\r\n\r\nconst TableContainer = styled.div`\r\n    max-height: 280px;\r\n    overflow-y: auto;\r\n`;\r\n//#endregion\r\n\r\nexport const PortChartAnchored = () => {\r\n    const { filters,  performance:aggregates, port } = usePortStatsProvider();\r\n    const { performance: list, fetching: fetchingList } = usePortPerformance(filters, port?.id, \"anchored\", true);\r\n    const history = useNavigate();\r\n    const [chartData, setChartData] = useState<{\r\n        categories: string[]\r\n        series: any[],\r\n    }>({\r\n        categories: [],\r\n        series: []\r\n    });\r\n\r\n    const mockData = () => {\r\n        let start = DateTime.utc().plus({ months: -12 });\r\n\r\n        while (start < DateTime.utc()) {\r\n            var item = aggregates.find(_ => _.key.year === start.year && _.key.month === start.month);\r\n\r\n            if (!item) {\r\n                aggregates.push({\r\n                    key: {\r\n                        year: start.year,\r\n                        month: start.month\r\n                    },\r\n                    averageBerthed: 0,\r\n                    numPortCalls: 0,\r\n                    sumBerthed: 0,\r\n                    percentBerthed: 0,\r\n                    percentAnchored: 0,\r\n                    percentStoppage: 0,\r\n                    avgLoadPrHour: 0,\r\n                    avgDischargePrHour: 0\r\n                });\r\n            }\r\n\r\n            start = start.plus({ months: 1 });\r\n        }\r\n\r\n        return aggregates.sort((a, b) => a.key.year - b.key.year || a.key.month - b.key.month);\r\n    }\r\n\r\n    const generateSeries = (performance: IPortPerformanceAggregate[]) => {\r\n        let _categories: string[] = [];\r\n        let _series: any[] = [];\r\n        let data1: any[] = [];\r\n        let lastSeenYear: number | undefined;\r\n\r\n        performance.forEach(p => {\r\n            let date = DateTime.fromObject({ year: p.key.year, month: p.key.month });\r\n\r\n            if (lastSeenYear !== date.year) {\r\n                lastSeenYear = date.year;\r\n                _categories.push(date.toFormat(\"LLL yy\"));\r\n            }\r\n            else {\r\n                _categories.push(date.toFormat(\"LLL\"));\r\n            }\r\n\r\n            data1.push(p.percentAnchored.toFixed(2));\r\n\r\n        });\r\n\r\n        _series = [\r\n            {\r\n                name: \"Monthly average\",\r\n                data: data1,\r\n                color: \"#1b2431\"\r\n            }\r\n        ];\r\n\r\n        setChartData({\r\n            categories: _categories,\r\n            series: _series\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (aggregates) {\r\n            let sorted = mockData();\r\n            generateSeries(sorted);\r\n        }\r\n    }, [aggregates, list])\r\n\r\n    return (\r\n        <div>\r\n            <Card\r\n                title=\"Anchored\"\r\n                loading={fetchingList}\r\n            >\r\n                <div style={{ padding: \"0 20px 0 10px\" }}>\r\n                    <BarChart\r\n                        height={200}\r\n                        series={chartData.series}\r\n                        categories={chartData.categories}\r\n                        maxYValue={100}\r\n                        tickAmount={4}\r\n                        minYValue={0}\r\n                        amountText=\"%\"\r\n                        annotations={[{\r\n                            color: \"#4177bf\",\r\n                            text: `Benchmark 10%`,\r\n                            y: 10\r\n                        }]}\r\n                    />\r\n                </div>\r\n\r\n                {list && list.length > 0 &&\r\n                    <div>\r\n                        <TableHeader>\r\n                            Top 10 portcalls by achored\r\n                        </TableHeader>\r\n                        <TableContainer>\r\n                            <AppTable\r\n                                loading={fetchingList}\r\n                                columns={portAnchoredColumns}\r\n                                data={list}\r\n                                rowClick={(_: IPortPerformanceNew) => {\r\n                                    history(`/portcalls/${_.fact.portCallId}`)\r\n                                }}\r\n                            />\r\n                        </TableContainer>\r\n                    </div>\r\n                }\r\n            </Card>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { IDivTableColumn } from \"../../interfaces/IDivTableColumn\";\r\nimport { IPortPerformanceNew } from \"../../interfaces/IPortPerformanceNew\";\r\n\r\nexport const portBerthedColumns: IDivTableColumn[] = [\r\n    {\r\n        key: \"voyage\",\r\n        width: \"55px\"\r\n    },\r\n    {\r\n        key: \"vessel\",\r\n        capitalLetters: true,\r\n    },\r\n    {\r\n        key: \"fact.arrived\",\r\n        title: \"Arrived\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <DateString date={_.fact.arrived} short={true} />;\r\n        }\r\n    },\r\n    {\r\n        key: \"fact.departed\",\r\n        title: \"Departed\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <DateString date={_.fact.departed} short={true} />;\r\n        }\r\n    },\r\n    {\r\n        key: \"percentBerthed\",\r\n        title: \"% berthed\",\r\n        width: \"65px\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            return <div style={{textAlign: \"right\"}}>{((_.fact.minutesBerthed / _.fact.minutesTotal) * 100).toFixed(2)}%</div>;\r\n        }\r\n    },\r\n    {\r\n        key: \"benchMark\",\r\n        title: \" \",\r\n        width: \"15px\",\r\n        render: (_: IPortPerformanceNew) => {\r\n            let percentBerthed = (_.fact.minutesBerthed / _.fact.minutesTotal) * 100;\r\n            let color = percentBerthed > 60 ? \"#00ad56\" : \"#e94649\";\r\n\r\n            return <div\r\n                style={{\r\n                    height: \"12px\",\r\n                    width: \"12px\",\r\n                    backgroundColor: color,\r\n                    borderRadius: \"50%\"\r\n\r\n                }}\r\n            />;\r\n        }\r\n    }\r\n]","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { usePortPerformance } from \"../../../api/hooks/usePortPerformance\";\r\nimport { portBerthedColumns } from \"../../../appTableColumnDefinitions/portCalls/portBerthedColumns\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { usePortStatsProvider } from \"../../../contextHooks/PortStatsContext\";\r\nimport { IPortPerformanceAggregate } from \"../../../interfaces/IPortPerformanceAggregate\";\r\nimport { IPortPerformanceNew } from \"../../../interfaces/IPortPerformanceNew\";\r\nimport { BarChart } from \"../../charts/BarChart\";\r\n\r\n//#region Styled Components\r\nconst TableHeader = styled.div`\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    padding: 12px 25px;\r\n`;\r\n\r\nconst TableContainer = styled.div`\r\n    max-height: 280px;\r\n    overflow-y: auto;\r\n`;\r\n//#endregion\r\n\r\nexport const PortChartBerthed = () => {\r\n    const { filters, performance: aggregates, port } = usePortStatsProvider();\r\n    const { performance: list, fetching: fetchingList } = usePortPerformance(filters, port?.id, \"berthed\", false);\r\n    const history = useNavigate();\r\n    const [chartData, setChartData] = useState<{\r\n        categories: string[]\r\n        series: any[],\r\n    }>({\r\n        categories: [],\r\n        series: []\r\n    });\r\n\r\n    const mockData = () => {\r\n        let start = DateTime.utc().plus({ months: -12 });\r\n\r\n        while (start < DateTime.utc()) {\r\n            var item = aggregates.find(_ => _.key.year === start.year && _.key.month === start.month);\r\n\r\n            if (!item) {\r\n                aggregates.push({\r\n                    key: {\r\n                        year: start.year,\r\n                        month: start.month\r\n                    },\r\n                    averageBerthed: 0,\r\n                    numPortCalls: 0,\r\n                    sumBerthed: 0,\r\n                    percentBerthed: 0,\r\n                    percentAnchored: 0,\r\n                    percentStoppage: 0,\r\n                    avgLoadPrHour: 0,\r\n                    avgDischargePrHour: 0\r\n                });\r\n            }\r\n\r\n            start = start.plus({ months: 1 });\r\n        }\r\n\r\n        return aggregates.sort((a, b) => a.key.year - b.key.year || a.key.month - b.key.month);\r\n    }\r\n\r\n    const generateSeries = (performance: IPortPerformanceAggregate[]) => {\r\n        let _categories: string[] = [];\r\n        let _series: any[] = [];\r\n        let data1: any[] = [];\r\n        let lastSeenYear: number | undefined;\r\n\r\n        performance.forEach(p => {\r\n            let date = DateTime.fromObject({ year: p.key.year, month: p.key.month });\r\n\r\n            if (lastSeenYear !== date.year) {\r\n                lastSeenYear = date.year;\r\n                _categories.push(date.toFormat(\"LLL yy\"));\r\n            }\r\n            else {\r\n                _categories.push(date.toFormat(\"LLL\"));\r\n            }\r\n\r\n            data1.push(p.percentBerthed.toFixed(2));\r\n        });\r\n\r\n        _series = [\r\n            {\r\n                name: \"Monthly average\",\r\n                data: data1,\r\n                color: \"#1b2431\"\r\n            }\r\n        ];\r\n\r\n        setChartData({\r\n            categories: _categories,\r\n            series: _series\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (aggregates) {\r\n            let sorted = mockData();\r\n            generateSeries(sorted);\r\n        }\r\n    }, [aggregates, list])\r\n\r\n    return (\r\n        <div>\r\n            <Card\r\n                title=\"Berthed\"\r\n                loading={fetchingList}\r\n            >\r\n                <div style={{ padding: \"0 20px 0 10px\" }}>\r\n                    <BarChart\r\n                        height={200}\r\n                        series={chartData.series}\r\n                        categories={chartData.categories}\r\n                        maxYValue={100}\r\n                        tickAmount={4}\r\n                        minYValue={0}\r\n                        amountText=\"%\"\r\n                        annotations={[{\r\n                            color: \"#4177bf\",\r\n                            text: `Benchmark 60%`,\r\n                            y: 60\r\n                        }]}\r\n                    />\r\n                </div>\r\n\r\n                {list && list.length > 0 &&\r\n                    <div>\r\n                        <TableHeader>\r\n                            Top 10 portcalls by berthed\r\n                        </TableHeader>\r\n                        <TableContainer>\r\n                            <AppTable\r\n                                loading={fetchingList}\r\n                                columns={portBerthedColumns}\r\n                                data={list}\r\n                                rowClick={(_: IPortPerformanceNew) => {\r\n                                    history(`/portcalls/${_.fact.portCallId}`)\r\n                                }}\r\n                            />\r\n                        </TableContainer>\r\n                    </div>\r\n                }\r\n            </Card>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DefaultButton, IButtonProps, Panel, PanelType, PrimaryButton } from \"@fluentui/react\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\n\r\n//#region Styled Components\r\nconst Header = styled.div<{ backgroundColor?: string, hasSubTitle: boolean }>`\r\n    background-color: ${_ => _.backgroundColor ? _.backgroundColor : \"#4177bf\"} ;\r\n    color: white;\r\n    height: ${_ => _.hasSubTitle ? \"90px\" : \"80px\"};\r\n    padding: 0 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    >div {\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .app-modal-title {\r\n        font-size: 22px;\r\n        display: flex;\r\n        \r\n        .app-modal-title-icon {\r\n            margin-right: 10px;\r\n        }\r\n\r\n        .app-modal-title-text {\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            overflow-x: hidden;\r\n        }\r\n    }\r\n\r\n    .app-modal-sub-title {\r\n        font-size: 12px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div<{ noPadding?: boolean }>`\r\n    height: 100%;\r\n\r\n    >div {\r\n        height: inherit;\r\n        padding: ${_ => _.noPadding ? \"0\" : \"30px\"};\r\n    }\r\n`;\r\n\r\nconst SubHeader = styled.div`\r\n    display: flex;\r\n    background-color: #fafafa;\r\n    color: #333;\r\n    margin: 0;\r\n    border-radius: 4px;\r\n    border-top: 1px solid #4177bf;\r\n    border-bottom: 1px solid #ddd;\r\n\r\n    >div:first-child {\r\n        padding: 10px 15px !important;\r\n        font-weight: 500;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        display: flex;\r\n        padding: 0 5px;\r\n    }\r\n`;\r\n\r\nconst SubHeaderAction = styled.div<{ disabled?: boolean }>`\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 10px;\r\n`;\r\n\r\nconst Footer = styled.div`\r\n    display: flex;\r\n    padding: 0 35px;\r\n    min-height: 80px;\r\n    max-height: 80px;\r\n    align-items: center;\r\n    border-top: 1px solid #ddd;\r\n    background-color: #fafafa;\r\n\r\n    >div {\r\n        display: flex;\r\n    }\r\n\r\n    >div:first-child {\r\n        justify-content: flex-start;\r\n        flex-grow: 1;\r\n        margin: 0 -10px;\r\n\r\n        >div {\r\n            margin: 0 10px;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        justify-content: flex-end;\r\n        margin: 0 -5px;\r\n\r\n        button {\r\n            margin: 0 5px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst FooterAction = styled.div<{ disabled?: boolean }>`\r\n    cursor: ${_ => _.disabled ? \"default\" : \"pointer\"};\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#333\"};\r\n    margin: 0 5px;\r\n    font-size: 20px;\r\n`;\r\n\r\nconst Working = styled.div`\r\n    border-top: 1px solid #ddd;\r\n    background-color: #fafafa;\r\n    min-height: 80px;\r\n    max-height: 80px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n\r\nconst ErrorMessage = styled.div`\r\n    background-color: #ffd4d4;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #ff4c4c;\r\n`;\r\n\r\nconst WarningMessage = styled.div`\r\n    background-color: #ffffe1;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #555;\r\n`;\r\n\r\nconst SuccessMessage = styled.div`\r\n    background-color: #dff5df;\r\n    padding: 15px 30px;\r\n    border-bottom: 1px solid #42af50;\r\n`;\r\n//#endregion\r\n\r\ninterface IAppPanel {\r\n    title?: any\r\n    subTitle?: any\r\n    titleBgColor?: string\r\n    working?: boolean\r\n    isOpen: boolean\r\n    dismiss: () => void\r\n    children: any\r\n    panelType?: PanelType\r\n    customWidth?: string\r\n    icon?: JSX.Element\r\n    footer?: () => JSX.Element\r\n    noPadding?: boolean\r\n    isLightDismiss?: boolean\r\n    errorMessage?: any\r\n    warningMessage?: any\r\n    successMessage?: any\r\n    layerBackground?: string\r\n    noHeader?: boolean\r\n}\r\n\r\nexport const AppPanel: React.FC<IAppPanel> = ({ title, subTitle, titleBgColor, working, icon, isOpen, panelType, customWidth, footer, dismiss, noPadding, noHeader, children, errorMessage, warningMessage, successMessage, layerBackground, isLightDismiss = true }) => {\r\n    const renderHeader = () => {\r\n        if(noHeader) {\r\n            return null;\r\n        }\r\n        \r\n        return (\r\n            <Header backgroundColor={titleBgColor} hasSubTitle={subTitle ? true : false}>\r\n                <div className=\"app-modal-title\">\r\n                    {icon &&\r\n                        <div className=\"app-modal-title-icon\">\r\n                            {icon}\r\n                        </div>\r\n                    }\r\n                    <div className=\"app-modal-title-text\">\r\n                        {title}\r\n                    </div>\r\n                </div>\r\n                {subTitle &&\r\n                    <div className=\"app-modal-sub-title\">\r\n                        {subTitle}\r\n                    </div>\r\n                }\r\n            </Header>\r\n        );\r\n    }\r\n\r\n    const renderWorking = () => {\r\n        return (\r\n            <Working>\r\n                <AnimatedBars height=\"25px\" />\r\n            </Working>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Panel\r\n            isBlocking={true}\r\n            isLightDismiss={isLightDismiss}\r\n            isOpen={isOpen}\r\n            onDismiss={dismiss}\r\n            isFooterAtBottom={true}\r\n            onRenderFooter={working ? renderWorking : footer}\r\n            onRenderNavigation={renderHeader}\r\n            type={panelType}\r\n            customWidth={customWidth}\r\n            overlayProps={{\r\n                isDarkThemed: true,\r\n                styles: {\r\n                    root: {\r\n                        backgroundColor: layerBackground,\r\n                    }\r\n                }\r\n            }}\r\n            onRenderBody={() => {\r\n                return (\r\n                    <Body noPadding={noPadding}>\r\n                        <div>\r\n                            {errorMessage &&\r\n                                <ErrorMessage>\r\n                                    {errorMessage}\r\n                                </ErrorMessage>\r\n                            }\r\n                            {warningMessage &&\r\n                                <WarningMessage>\r\n                                    {warningMessage}\r\n                                </WarningMessage>\r\n                            }\r\n                            {successMessage &&\r\n                                <SuccessMessage>\r\n                                    {successMessage}\r\n                                </SuccessMessage>\r\n                            }\r\n                            {children}\r\n                        </div>\r\n                    </Body>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport const AppPanelFooter: React.FC<{ actions?: IPageAction[], buttons?: IPageAction[] }> = ({ actions, buttons }) => {\r\n    if (!actions && !buttons) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Footer>\r\n            <div>\r\n                {actions && actions.map((_, i) => {\r\n                    return (\r\n                        <FooterAction\r\n                            title={_.title}\r\n                            disabled={_.disabled}\r\n                            key={`Action_${i}`}\r\n                            onClick={() => {\r\n                                if (!_.disabled && _.onClick) {\r\n                                    _.onClick();\r\n                                }\r\n                            }}\r\n                        >\r\n                            {_.icon}\r\n                        </FooterAction>\r\n                    );\r\n                })}\r\n            </div>\r\n            <div>\r\n                {buttons && buttons.filter(_ => !_.hidden).map((_, i) => {\r\n                    let props: IButtonProps = {\r\n                        text: _.title,\r\n                        onClick: _.onClick,\r\n                        disabled: _.disabled,\r\n                        iconProps: { iconName: _.iconName }\r\n                    };\r\n\r\n                    let btn = _.type && _.type === \"Primary\"\r\n                        ? <PrimaryButton title={_.hoverTitle} key={`FooterButton_${i}`} {...props} />\r\n                        : <DefaultButton key={`FooterButton_${i}`} {...props} />;\r\n\r\n                    return btn;\r\n                })}\r\n            </div>\r\n        </Footer>\r\n    );\r\n};","import { DatePicker, Icon, IDatePickerProps } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    width: 100%;\r\n\r\n    >div:first-child {\r\n        flex-grow: 1;\r\n\r\n        /* TextBox */\r\n        > div > div > div > div{\r\n            border-right: none;\r\n            border-radius: 2px 0 0 2px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Clear = styled.div`\r\n    font-size: 16px;\r\n    background-color: #e9e9e9;\r\n    padding: 0 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    border: 1px solid #605e5c;\r\n    cursor: pointer;\r\n`;\r\n//#endregion\r\n\r\nexport const DatePickerRemove: React.FC<{ props: IDatePickerProps, onClear: () => void }> = ({ props, onClear }) => {\r\n    return (\r\n        <Container>\r\n            <DatePicker {...props} />\r\n            <Clear title=\"Clear\" onClick={onClear}>\r\n                <Icon iconName=\"ClearFormatting\" />\r\n            </Clear>\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { Vessel } from \"../../classes/Vessel\";\r\n\r\nexport const useVessels = (includeInActive?: boolean, chatEnabledOnly?: boolean, includeTanks?: boolean) => {\r\n\r\n    let params: string[] = [];\r\n\r\n    if (includeInActive) {\r\n        params.push(\"includeInActive=true\");\r\n    }\r\n\r\n    if (chatEnabledOnly) {\r\n        params.push(\"chatEnabledOnly=true\");\r\n    }\r\n\r\n    if (includeTanks) {\r\n        params.push(\"includeTanks=true\");\r\n    }\r\n\r\n    let paramString = params.length > 0\r\n        ? `?${params.join(\"&\")}`\r\n        : \"\";\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(`/vessels${paramString}`, {\r\n        dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let vessels: Vessel[] | undefined = data\r\n        ? data.map((_: Vessel) => new Vessel(_))\r\n        : undefined;\r\n\r\n    return { vessels, error, isValidating };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ defaultDescription?: boolean }>`\r\n    font-size: 10px;\r\n    padding: 4px 2px 0 2px;\r\n    color: #605e5c;\r\n    font-weight: ${_ => _.defaultDescription ? 400 : 500};\r\n    text-transform: ${_ => _.defaultDescription ? undefined : \"uppercase\"};\r\n`;\r\n//#endregion\r\n\r\nexport const InputDescription: React.FC<{ defaultDescription?: boolean, children: any }> = ({ defaultDescription, children }) => {\r\n    return (\r\n        <Container defaultDescription={defaultDescription}>\r\n            {children}\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport { InputDescription } from \"../inputDescription/inputDescription\";\r\n\r\nexport const InputWithDescription: React.FC<{ description?: string, defaultDescription?: boolean, children?: any }> = ({ description, defaultDescription, children }) => {\r\n    return (\r\n        <div>\r\n            {children}\r\n            {description &&\r\n                <InputDescription defaultDescription={defaultDescription} >\r\n                    {description}\r\n                </InputDescription>\r\n            }\r\n        </div>\r\n    );\r\n};","import { DateTime } from \"luxon\";\r\nimport { IDivTableColumn } from \"../interfaces/IDivTableColumn\";\r\nimport { IFilterValue } from \"../interfaces/IFilterValue\";\r\nimport { useDateFunctions } from \"../hooks/useDateFunctions\";\r\n\r\nexport const useDivTable = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const getColumnWidth = (columns: IDivTableColumn[], c: IDivTableColumn): string | number => {\r\n        if (c.width) {\r\n            return c.width;\r\n        }\r\n\r\n        let columnsWithWidth = columns.filter(_ => _.width).map(_ => _.width);\r\n        let columnsWithOutWidth = columns.filter(_ => !_.width)\r\n\r\n        if (columnsWithWidth) {\r\n            let temp = `calc((100% - ${columnsWithWidth.join(\" - \")}     ) / ${columnsWithOutWidth.length})`;\r\n            return temp;\r\n        }\r\n\r\n        return 100 / columns.length + \"%\";\r\n    }\r\n\r\n    const getData = (column: IDivTableColumn, data: any) => {\r\n        return resolveData(column.key, data);\r\n    }\r\n\r\n    const resolveData = (path: string, obj: any) => {\r\n        return path.split('.').reduce(function (prev, curr) {\r\n            return prev ? prev[curr] : null\r\n        }, obj)\r\n    }\r\n\r\n    const createGridTemplate = (columns: IDivTableColumn[]) => {\r\n        let gridTemplates: string[] = [];\r\n\r\n        columns.forEach(_ => {\r\n            if (_.minWidth && _.maxWidth) {\r\n                gridTemplates.push(`minmax(${_.minWidth}, ${_.maxWidth})`);\r\n            }\r\n            else if (_.minWidth) {\r\n                gridTemplates.push(`minmax(${_.minWidth}, auto)`);\r\n            }\r\n            else if (_.maxWidth) {\r\n                gridTemplates.push(`minmax(60px, ${_.maxWidth})`);\r\n            }\r\n            else {\r\n                gridTemplates.push(\"1fr\");\r\n            }\r\n        });\r\n\r\n        return gridTemplates;\r\n    }\r\n\r\n    const getFilterString = (f?: IFilterValue[]): string => {\r\n        if (!f) {\r\n            return \"\";\r\n        }\r\n\r\n        let qParams: string[] = []\r\n\r\n        f.map(_ => {\r\n            let s = `${_.property.name}=`;\r\n\r\n            if (_.value.value instanceof Date) {\r\n                s += DateTime.fromJSDate(_.value.value).toUTC().toFormat(\"yyyy-MM-dd HH:mm:ss\");\r\n            }\r\n            else {\r\n                s += _.value.value;\r\n            }\r\n\r\n            qParams.push(s);\r\n        });\r\n\r\n        return qParams.length > 0\r\n            ? `?${qParams.join(\"&\")}`\r\n            : \"\";\r\n    }\r\n\r\n    const getFilter = (filters: IFilterValue[], prop: string) => {\r\n        return filters.find(_ => _.property.name === prop)?.value.value;\r\n    }\r\n\r\n    const getFilterDate = (filters: IFilterValue[], prop: string, tz?: string) => {\r\n        let date = filters.find(_ => _.property.name === prop)?.value.value;\r\n        if (date) {\r\n            return makeDateObject(date, tz).toJSDate();\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    const getFilterValue = (filters: IFilterValue[], prop: string) => {\r\n        return filters.find(_ => _.property.name === prop)?.value;\r\n    }\r\n\r\n    const updateFilter = (filters: IFilterValue[], _: IFilterValue) => {\r\n        let _filters = filters.slice().filter(p => p.property.name !== _.property.name);\r\n        _filters.push({\r\n            ..._,\r\n            sortOrder: _.sortOrder ? _.sortOrder : filters.length + 1\r\n        });\r\n\r\n        return _filters;\r\n    }\r\n\r\n    return { createGridTemplate, getColumnWidth, getData, getFilter, getFilterDate, getFilterValue, getFilterString, updateFilter };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Port performance filter\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            titleBgColor=\"#222c3d\"\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return vessels?.find(v => v.id === _)?.name;\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: _.name\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"From\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"To\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n            </Body>\r\n        </AppPanel >\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport ReactApexChart from \"react-apexcharts\";\r\nimport { useState } from \"react\";\r\nimport { IAnnotation } from \"../../interfaces/charts/IAnnotation\";\r\n\r\ninterface ILineChartProps {\r\n    height: number\r\n    series: any[]\r\n    categories: string[]\r\n    annotations?: IAnnotation[]\r\n    minYValue?: number\r\n    maxYValue?: number\r\n    tickAmount?: number\r\n    amountText?: string\r\n    yAxisDecimals?: number\r\n}\r\n\r\nexport const LineChart: React.FC<ILineChartProps> = ({ height, series, categories, minYValue, maxYValue, tickAmount, amountText, annotations, yAxisDecimals }) => {\r\n    const [dataSeries, setDataSeries] = useState<any[]>([]);\r\n\r\n    const options: ApexCharts.ApexOptions = {\r\n        chart: {\r\n            zoom: {\r\n                enabled: false\r\n            },\r\n            toolbar: {\r\n                show: false\r\n            }\r\n        },      \r\n        dataLabels: {\r\n            enabled: false\r\n        },\r\n        legend: {\r\n            show: true\r\n        },\r\n        stroke: {\r\n            show: true,\r\n            width: 2,\r\n            colors: ['transparent']\r\n        },\r\n        xaxis: {\r\n            categories: categories,\r\n        },\r\n        yaxis: {\r\n            max: maxYValue,\r\n            min: minYValue,\r\n            tickAmount: tickAmount,\r\n            labels: {\r\n                formatter: (val, opts) => {\r\n                    return `${val.toFixed(yAxisDecimals ? yAxisDecimals : 0)} ${amountText}.`;\r\n                }\r\n            }\r\n        },\r\n        fill: {\r\n            opacity: 1\r\n        },\r\n        grid: {\r\n            row: {\r\n                colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns\r\n                opacity: 0.5\r\n            },\r\n            padding: {\r\n                //right: 120\r\n            }\r\n        },\r\n        tooltip: {\r\n            y: {\r\n                formatter: function (val) {\r\n                    return `${val} ${amountText}`\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (series && series.length > 0) {\r\n            setDataSeries(series);\r\n        }\r\n    }, [series])\r\n\r\n    return (\r\n        <ReactApexChart\r\n            options={options}\r\n            height={height}\r\n            series={dataSeries}\r\n            type=\"line\"\r\n        />\r\n    );\r\n};","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { usePortStatsProvider } from \"../../../contextHooks/PortStatsContext\";\r\nimport { IPortPerformanceAggregate } from \"../../../interfaces/IPortPerformanceAggregate\";\r\nimport { LineChart } from \"../../charts/LineChart\";\r\n\r\nexport const PortChartLoadDisch = () => {\r\n    const { performance } = usePortStatsProvider();\r\n\r\n    const [chartData, setChartData] = useState<{\r\n        categories: string[]\r\n        series: any[],\r\n        maxYValue: number\r\n    }>({\r\n        categories: [],\r\n        series: [],\r\n        maxYValue: 100\r\n    });\r\n\r\n    const mockData = () => {\r\n        let start = DateTime.utc().plus({ months: -12 });\r\n\r\n        while (start < DateTime.utc()) {\r\n            var item = performance.find(_ => _.key.year === start.year && _.key.month === start.month);\r\n\r\n            if (!item) {\r\n                performance.push({\r\n                    key: {\r\n                        year: start.year,\r\n                        month: start.month\r\n                    },\r\n                    averageBerthed: 0,\r\n                    numPortCalls: 0,\r\n                    sumBerthed: 0,\r\n                    percentBerthed: 0,\r\n                    percentAnchored: 0,\r\n                    percentStoppage: 0,\r\n                    avgLoadPrHour: 0,\r\n                    avgDischargePrHour: 0\r\n                });\r\n            }\r\n\r\n            start = start.plus({ months: 1 });\r\n        }\r\n\r\n        return performance.sort((a, b) => a.key.year - b.key.year || a.key.month - b.key.month);\r\n    }\r\n\r\n    const generateSeries = (performance: IPortPerformanceAggregate[]) => {\r\n        let _categories: string[] = [];\r\n        let _series: any[] = [];\r\n        let data1: any[] = [];\r\n        let data2: any[] = [];\r\n        let lastSeenYear: number | undefined;\r\n        let max = 0;\r\n\r\n        performance.forEach(p => {\r\n            let date = DateTime.fromObject({ year: p.key.year, month: p.key.month });\r\n\r\n            if (lastSeenYear !== date.year) {\r\n                lastSeenYear = date.year;\r\n                _categories.push(date.toFormat(\"LLL yy\"));\r\n            }\r\n            else {\r\n                _categories.push(date.toFormat(\"LLL\"));\r\n            }\r\n\r\n            data1.push(p.avgLoadPrHour.toFixed(2));\r\n            data2.push(p.avgDischargePrHour.toFixed(2));\r\n\r\n            if(p.avgLoadPrHour > max) {\r\n                max = p.avgLoadPrHour;\r\n            }\r\n\r\n            if(p.avgDischargePrHour > max) {\r\n                max = p.avgDischargePrHour;\r\n            }\r\n        });\r\n\r\n        _series = [\r\n            {\r\n                name: \"Load monthly average\",\r\n                data: data1,\r\n                color: \"#1b2431\"\r\n            },\r\n            {\r\n                name: \"Discharge monthly average\",\r\n                data: data2,\r\n                color: \"#4177bf\"\r\n            }\r\n        ];\r\n\r\n        setChartData({\r\n            categories: _categories,\r\n            series: _series,\r\n            maxYValue: max\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (performance) {\r\n            let sorted = mockData();\r\n            generateSeries(sorted);\r\n        }\r\n    }, [performance])\r\n\r\n    return (\r\n        <div>\r\n            <Card\r\n                title=\"Loading & discharging average pr. hour\"\r\n                description=\"Description here....\"\r\n            >\r\n                <div style={{ padding: \"0 20px 0 10px\" }}>\r\n                    <LineChart\r\n                        height={250}\r\n                        series={chartData.series}\r\n                        categories={chartData.categories}\r\n                        minYValue={0}\r\n                        maxYValue={chartData.maxYValue}\r\n                        tickAmount={4}\r\n                        amountText=\"MT / hour\"\r\n                    />\r\n                </div>\r\n            </Card>\r\n        </div>\r\n    );\r\n};","import { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    color: #333;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 10px 20px;\r\n    width: fit-content;\r\n\r\n    >div {\r\n        margin: 10px 10px;\r\n    }\r\n`;\r\n\r\nconst FilterIcon = styled.div`\r\n    font-size: 18px;\r\n    padding-top: 2px;\r\n`;\r\n\r\nconst Filter = styled.div`\r\n    height: fit-content;\r\n    font-size: 12px; \r\n    display: flex;\r\n    color: white;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 1px #333;\r\n\r\n    >div {\r\n        padding: 6px 12px 8px;\r\n    }\r\n\r\n    >div:first-child {\r\n        background-color: #4177bf;\r\n        border-radius: 4px 0 0 4px;\r\n    }\r\n\r\n    >div:last-child {\r\n        background-color: white;\r\n        color: #555;\r\n        border-radius: 0 4px 4px 0;\r\n    }\r\n\r\n    :hover {\r\n        >div:last-child {\r\n            background-color: #f1f1f1;\r\n        }   \r\n    }\r\n`;\r\n\r\nconst ClearAll = styled.div`\r\n    font-size: 14px; \r\n    padding: 6px 10px 0 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    color: #aaa;\r\n    font-size: 12px;\r\n    cursor: pointer;\r\n    margin-left: 5px !important;\r\n`;\r\n//#endregion\r\n\r\nexport const FilterContainer: FC<{ filters?: IFilterValue[], onChange: (_: IFilterValue[]) => void, disableClear?: boolean, onFilterIconClicked?: () => void }> = ({ filters, onChange, disableClear, onFilterIconClicked }) => {\r\n    return (\r\n        <div>\r\n            {filters && filters.length > 0 &&\r\n                <Body>\r\n                    <FilterIcon onClick={onFilterIconClicked} style={{ cursor: onFilterIconClicked ? \"pointer\" : undefined }}>\r\n                        <FontAwesomeIcon icon={faFilter} />\r\n                    </FilterIcon>\r\n                    {filters.sort((a, b) => {\r\n                        let aSort = a.sortOrder !== undefined ? a.sortOrder : 100000;\r\n                        let bSort = b.sortOrder !== undefined ? b.sortOrder : 100000;\r\n                        return aSort > bSort ? 1 : -1;\r\n                    }).map(_ => {\r\n                        let displayName = _.property.displayName ? _.property.displayName : _.property.name;\r\n\r\n                        return (\r\n                            <Filter\r\n                                key={`Filter_${_.property.name}`}\r\n                                title={disableClear ? undefined : `Remove ${displayName} filter`}\r\n                                style={{ cursor: disableClear ? undefined : \"pointer\" }}\r\n                                onClick={() => {\r\n                                    if (!disableClear) {\r\n                                        onChange(filters.filter(f => f.property.name !== _.property.name));\r\n                                    }\r\n                                }}\r\n                            >\r\n                                <div>\r\n                                    {displayName}\r\n                                </div>\r\n                                <div>\r\n                                    {_.value.displayValue ? _.value.displayValue : _.value.value}\r\n                                </div>\r\n                            </Filter>\r\n                        );\r\n                    })}\r\n                    {!disableClear && filters.length > 1 &&\r\n                        <ClearAll onClick={() => onChange([])}>\r\n                            Clear all\r\n                        </ClearAll>\r\n                    }\r\n                </Body>\r\n            }\r\n        </div >\r\n    );\r\n}","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { usePortPerformance } from \"../../../api/hooks/usePortPerformance\";\r\nimport { portBerthedColumns } from \"../../../appTableColumnDefinitions/portCalls/portBerthedColumns\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { usePortStatsProvider } from \"../../../contextHooks/PortStatsContext\";\r\nimport { IDivTableColumn } from \"../../../interfaces/IDivTableColumn\";\r\nimport { IPortPerformanceAggregate } from \"../../../interfaces/IPortPerformanceAggregate\";\r\nimport { IPortPerformanceNew } from \"../../../interfaces/IPortPerformanceNew\";\r\nimport { BarChart } from \"../../charts/BarChart\";\r\n\r\n//#region Styled Components\r\nconst TableHeader = styled.div`\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n    padding: 12px 25px;\r\n`;\r\n\r\nconst TableContainer = styled.div`\r\n    max-height: 280px;\r\n    overflow-y: auto;\r\n`;\r\n//#endregion\r\n\r\nexport const PortChartStoppage = () => {\r\n    const { filters, performance: aggregates, port } = usePortStatsProvider();\r\n    const { performance: list, fetching: fetchingList } = usePortPerformance(filters, port?.id, \"stoppage\", false);\r\n    const history = useNavigate();\r\n    const [chartData, setChartData] = useState<{\r\n        categories: string[]\r\n        series: any[],\r\n    }>({\r\n        categories: [],\r\n        series: []\r\n    });\r\n\r\n    const portBerthedColumns: IDivTableColumn[] = [\r\n        {\r\n            key: \"voyage\",\r\n            width: \"55px\"\r\n        },\r\n        {\r\n            key: \"vessel\",\r\n            capitalLetters: true,\r\n        },\r\n        {\r\n            key: \"fact.arrived\",\r\n            title: \"Arrived\",\r\n            render: (_: IPortPerformanceNew) => {\r\n                return <DateString date={_.fact.arrived} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"fact.departed\",\r\n            title: \"Departed\",\r\n            render: (_: IPortPerformanceNew) => {\r\n                return <DateString date={_.fact.departed} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"percentStoppage\",\r\n            title: \"% stoppage\",\r\n            width: \"65px\",\r\n            render: (_: IPortPerformanceNew) => {\r\n                return <div style={{textAlign: \"right\"}}>{((_.fact.minutesStoppageDuration / _.fact.minutesTotal) * 100).toFixed(2)}%</div>;\r\n            }\r\n        },\r\n        {\r\n            key: \"benchMark\",\r\n            title: \" \",\r\n            width: \"15px\",\r\n            render: (_: IPortPerformanceNew) => {\r\n                let percentStoppage = (_.fact.minutesStoppageDuration / _.fact.minutesTotal) * 100;\r\n                let color = percentStoppage < 25 ? \"#00ad56\" : \"#e94649\";\r\n    \r\n                return <div\r\n                    style={{\r\n                        height: \"12px\",\r\n                        width: \"12px\",\r\n                        backgroundColor: color,\r\n                        borderRadius: \"50%\"\r\n    \r\n                    }}\r\n                />;\r\n            }\r\n        }\r\n    ]\r\n\r\n    const mockData = () => {\r\n        let start = DateTime.utc().plus({ months: -12 });\r\n\r\n        while (start < DateTime.utc()) {\r\n            var item = aggregates.find(_ => _.key.year === start.year && _.key.month === start.month);\r\n\r\n            if (!item) {\r\n                aggregates.push({\r\n                    key: {\r\n                        year: start.year,\r\n                        month: start.month\r\n                    },\r\n                    averageBerthed: 0,\r\n                    numPortCalls: 0,\r\n                    sumBerthed: 0,\r\n                    percentBerthed: 0,\r\n                    percentAnchored: 0,\r\n                    percentStoppage: 0,\r\n                    avgLoadPrHour: 0,\r\n                    avgDischargePrHour: 0,\r\n                });\r\n            }\r\n\r\n            start = start.plus({ months: 1 });\r\n        }\r\n\r\n        return aggregates.sort((a, b) => a.key.year - b.key.year || a.key.month - b.key.month);\r\n    }\r\n\r\n    const generateSeries = (performance: IPortPerformanceAggregate[]) => {\r\n        let _categories: string[] = [];\r\n        let _series: any[] = [];\r\n        let data1: any[] = [];\r\n        let lastSeenYear: number | undefined;\r\n\r\n        performance.forEach(p => {\r\n            let date = DateTime.fromObject({ year: p.key.year, month: p.key.month });\r\n\r\n            if (lastSeenYear !== date.year) {\r\n                lastSeenYear = date.year;\r\n                _categories.push(date.toFormat(\"LLL yy\"));\r\n            }\r\n            else {\r\n                _categories.push(date.toFormat(\"LLL\"));\r\n            }\r\n\r\n            data1.push(p.percentStoppage.toFixed(2));\r\n        });\r\n\r\n        _series = [\r\n            {\r\n                name: \"Monthly average\",\r\n                data: data1,\r\n                color: \"#ff3d3d\"\r\n            }\r\n        ];\r\n\r\n        setChartData({\r\n            categories: _categories,\r\n            series: _series\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (aggregates) {\r\n            let sorted = mockData();\r\n            generateSeries(sorted);\r\n        }\r\n    }, [aggregates, list])\r\n\r\n    return (\r\n        <div>\r\n            <Card\r\n                title=\"Stoppages\"\r\n                loading={fetchingList}\r\n            >\r\n                <div style={{ padding: \"0 20px 0 10px\" }}>\r\n                    <BarChart\r\n                        height={200}\r\n                        series={chartData.series}\r\n                        categories={chartData.categories}\r\n                        maxYValue={100}\r\n                        tickAmount={4}\r\n                        minYValue={0}\r\n                        amountText=\"%\"\r\n                        annotations={[{\r\n                            color: \"#4177bf\",\r\n                            text: `Benchmark 60%`,\r\n                            y: 60\r\n                        }]}\r\n                    />\r\n                </div>\r\n\r\n                {list && list.length > 0 &&\r\n                    <div>\r\n                        <TableHeader>\r\n                            Portcalls by stoppage time descending\r\n                        </TableHeader>\r\n                        <TableContainer>\r\n                            <AppTable\r\n                                loading={fetchingList}\r\n                                columns={portBerthedColumns}\r\n                                data={list}\r\n                                rowClick={(_: IPortPerformanceNew) => {\r\n                                    history(`/portcalls/${_.fact.portCallId}`)\r\n                                }}\r\n                            />\r\n                        </TableContainer>\r\n                    </div>\r\n                }\r\n            </Card>\r\n        </div>\r\n    );\r\n};","import { observer } from \"mobx-react-lite\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePort } from \"../../api/hooks/usePort\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { PortStatsContextProvider, usePortStatsProvider } from \"../../contextHooks/PortStatsContext\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\nimport { PortChartAnchored } from \"./chartsDefinitions/PortChartAnchored\";\r\nimport { PortChartBerthed } from \"./chartsDefinitions/PortChartBerthed\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { Filter } from \"./FilterPanel\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../blocks/contentPage/ContentPageTitle\";\r\nimport { PortChartLoadDisch } from \"./chartsDefinitions/PortChartLoadDisch\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { usePortPerformanceAggregate } from \"../../api/hooks/usePortPerformanceAggregate\";\r\nimport { PortChartStoppage } from \"./chartsDefinitions/PortChartStoppage\";\r\n\r\nconst PortContainer = observer(() => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { port } = usePort(id);\r\n\r\n    return (\r\n        <PortStatsContextProvider>\r\n            <Container p={port} />\r\n        </PortStatsContextProvider>\r\n    );\r\n});\r\n\r\n//#region Styled Components\r\nconst DoubleRow = styled.div`\r\n    padding: 0 15px 15px;\r\n\r\n    >div {\r\n        display: flex;\r\n\r\n        >div {\r\n            width: 49.99%;\r\n            \r\n            >div {\r\n                padding: 15px 15px 0;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst FullRow = styled.div`\r\n    padding: 0 30px 15px;\r\n\r\n    >div {\r\n        width: calc(100vw - 420px);\r\n    }\r\n`;\r\n//#endregion\r\n\r\nconst Container: React.FC<{ p?: IPort }> = ({ p }) => {\r\n    const { filters, port, setFilters, setPort, setPerformance } = usePortStatsProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const { performance } = usePortPerformanceAggregate(filters, port?.id);\r\n\r\n    useEffect(() => {\r\n        if (performance) {\r\n            setPerformance(performance);\r\n        }\r\n    }, [performance])\r\n\r\n    useEffect(() => {\r\n        if (p) {\r\n            setPort(p);\r\n        }\r\n    }, [p])\r\n\r\n    return (\r\n        <ContentPage working={!port}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"Ports\",\r\n                            title: \"ports\",\r\n                            url: \"/ports\"\r\n                        },\r\n                        {\r\n                            id: port ? port.name : \"\",\r\n                            title: toCapitalLetters(port?.name),\r\n                            url: `/ports/${port ? port.id : \"\"}`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <div style={{ paddingBottom: \"20px\" }}>\r\n                    <ContentPageTitle>\r\n                        Performance in {toCapitalLetters(port?.name)}\r\n                    </ContentPageTitle>\r\n\r\n                    {filters.length > 0 &&\r\n                        <div style={{ margin: \"-20px 0 5px 0\" }}>\r\n                            <FilterContainer\r\n                                filters={filters}\r\n                                onChange={_ => setFilters(_)}\r\n                            />\r\n                        </div>\r\n                    }\r\n\r\n                    <FullRow>\r\n                        <div>\r\n                            <PortChartLoadDisch />\r\n                        </div>\r\n                    </FullRow>\r\n                    <DoubleRow>\r\n                        <div>\r\n                            <div>\r\n                                <PortChartStoppage />\r\n                            </div>\r\n                            <div>\r\n                                <PortChartBerthed />\r\n                            </div>\r\n                        </div>\r\n                    </DoubleRow>\r\n                    <DoubleRow>\r\n                        <div>\r\n                            <div>\r\n                                <PortChartAnchored />\r\n                            </div>\r\n                            <div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </DoubleRow>\r\n                </div>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n        </ContentPage>\r\n    );\r\n};\r\n\r\nexport default PortContainer;","import { DateTime } from \"luxon\";\r\nimport useSWR from \"swr\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { IPortPerformanceAggregate } from \"../../interfaces/IPortPerformanceAggregate\";\r\n\r\nexport const usePortPerformanceAggregate = (filters: IFilterValue[], id?: number) => {\r\n    let url = `/ports/${id}/performance?`;\r\n    let queryStrings: string[] = [];\r\n\r\n    filters.forEach(f => {\r\n        if (f.value.value instanceof Date) {\r\n            queryStrings.push(`${f.property.name}=${DateTime.fromJSDate(new Date(f.value.value)).toISODate()}`);\r\n        }\r\n        else if (f.value.value instanceof Array) {\r\n            queryStrings.push(`${f.property.name}=${f.value.value.join(\",\")}`);\r\n        }\r\n        else {\r\n            queryStrings.push(`${f.property.name}=${f.value}`);\r\n        }\r\n    });\r\n\r\n    url += queryStrings.join(\"&\");\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(id ? url : null, {\r\n        dedupingInterval: 1000 * 60 * 30,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let performance: IPortPerformanceAggregate[] = data ? data : undefined;\r\n\r\n    return { performance, error, fetching };\r\n};\r\n\r\n","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IAppUser } from '../interfaces/IAppUser';\r\nimport { ICompany } from '../interfaces/ICompany';\r\nimport { IUser } from '../interfaces/IUser';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setCompany\", company: ICompany }\r\n    | { type: \"setUsers\", users: IUser[] }\r\n    | { type: \"setAppUsers\", appUsers: IAppUser[] };\r\n\r\ntype CompanyData = {\r\n    company: ICompany\r\n    users: IUser[]\r\n    appUsers: IAppUser[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: CompanyData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    users: [],\r\n    externalUsers: [],\r\n    appUsers: []\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useCompanyContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: CompanyData, action: ReducerAction): CompanyData => {\r\n    switch (action.type) {\r\n        case \"setCompany\":\r\n            return {\r\n                ...state,\r\n                company: action.company\r\n            };\r\n        case \"setUsers\":\r\n            return {\r\n                ...state,\r\n                users: action.users\r\n            };\r\n        case \"setAppUsers\":\r\n            return {\r\n                ...state,\r\n                appUsers: action.appUsers\r\n            };\r\n    }\r\n}\r\n\r\nexport const CompanyContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useCompanyProvider = () => {\r\n    const { state, dispatch } = useCompanyContext();\r\n\r\n    return {\r\n        company: state.company,\r\n        users: state.users,\r\n        appUsers: state.appUsers,\r\n\r\n        setCompany: (company: ICompany) => {\r\n            dispatch({\r\n                type: \"setCompany\",\r\n                company\r\n            })\r\n        },\r\n        setUsers: (users: IUser[]) => {\r\n            dispatch({\r\n                type: \"setUsers\",\r\n                users\r\n            })\r\n        },\r\n        setAppUsers: (appUsers: IAppUser[]) => {\r\n            dispatch({\r\n                type: \"setAppUsers\",\r\n                appUsers\r\n            })\r\n        }\r\n    };\r\n}","import { IDropdownOption } from \"@fluentui/react\";\r\nimport { useStringFunctions } from \"./useStringFunctions\";\r\n\r\nexport const useEnumFunctions = () => {\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    const convertToKeyValuePair = (_enum: any, excludedIds?: number[], disabledIds?: number[], sortById: boolean = false, separator?: string): IDropdownOption<any>[] => {\r\n\r\n        let options = Object.keys(_enum).filter(_ => {\r\n            if (!isNaN(Number(_))) {\r\n                return _;\r\n            }\r\n        })\r\n            .filter(_ => {\r\n                if (excludedIds && excludedIds.indexOf(Number(_)) >= 0) {\r\n                    return;\r\n                }\r\n                return _;\r\n            })\r\n            .map(_ => {\r\n                return {\r\n                    key: Number(_),\r\n                    text: splitCamlCase(_enum[Number(_)], separator),\r\n                    disabled: disabledIds && disabledIds.indexOf(Number(_)) >= 0\r\n                }\r\n            });\r\n\r\n        if (!sortById) {\r\n            options = options.sort((a, b) => {\r\n                return a.text > b.text ? 1 : -1;\r\n            });\r\n        }\r\n\r\n        return options;\r\n    }\r\n\r\n    return { convertToKeyValuePair };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, Dropdown, Toggle, PanelType } from \"@fluentui/react\";\r\nimport { faExclamationCircle, faSave, faUserCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { IUser } from \"../../../../../interfaces/IUser\";\r\nimport { CompanyRoles } from \"../../../../../_enums/CompanyRoles\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 8px 0;\r\n    }\r\n`;\r\n\r\nconst Warning = styled.div`\r\n    color: red;\r\n    margin-bottom: 25px !important;\r\n    padding: 0 2px;\r\n`;\r\n\r\nconst Info = styled.div`\r\n    padding: 8px 4px;\r\n    font-size: 12px;\r\n    color: #aaa;\r\n\r\n    >div {\r\n        margin: 2px 0;        \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details: React.FC<{ u?: IUser, dismiss: (updatedUser?: IUser) => void }> = ({ u, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { isForbidden } = useRest();\r\n    const [user, setUser] = useState<IUser | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { company } = useCompanyProvider();\r\n    const { relativeDateString } = useDateFunctions();\r\n    const isExternal = user?.belongsToId !== app.currentCustomerRole.customer.id;\r\n\r\n    const save = async () => {\r\n        try {\r\n            var updated = await app.api.updateUser(user!);\r\n            dismiss(updated);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `${user?.name} updated`\r\n            });\r\n        }\r\n        catch (error) {\r\n            var msg = isForbidden(error)\r\n                ? \"Access denied\"\r\n                : \"An error occured while updating the user\";\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: msg\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const selectedRoleKeys = () => {\r\n        return user?.customerRoles.map(_ => {\r\n            return _.role.id;\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        setUser(u ? u : undefined);\r\n    }, [u])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={user?.name}\r\n            working={saving}\r\n            isOpen={user ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faUserCog} />}\r\n            warningMessage={isExternal ? \"External users can't be edited. Contact support to make changes to this user.\" : undefined}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"    \r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    disabled: isExternal,\r\n                    onClick: () => setSaving(true)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {user &&\r\n                <Body>\r\n                    {user.customerRoles.length === 0 &&\r\n                        <Warning>\r\n                            Users with no roles are not able to sign in to the system.\r\n                        </Warning>\r\n                    }\r\n                    <div style={{ marginBottom: \"20px\" }}>\r\n                        <Toggle\r\n                            checked={!user.inActive}\r\n                            offText=\"User disabled and can't sing in\"\r\n                            onText=\"User enabled\"\r\n                            onChange={(ev, v) => setUser({ ...user, inActive: v ? !v : true })}\r\n                        />\r\n                    </div>\r\n\r\n                    <TextField\r\n                        description=\"Email (can't be changed)\"\r\n                        readOnly\r\n                        value={user.email ? user.email : \"\"}\r\n                    />\r\n                    <TextField\r\n                        description=\"Name\"\r\n                        value={user.name ? user.name : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, name: v ? v : \"\" })}\r\n                    />\r\n                    <TextField\r\n                        description=\"Phone\"\r\n                        value={user.phone ? user.phone : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, phone: v })}\r\n                    />\r\n                    <InputWithDescription description=\"Roles\" defaultDescription>\r\n                        <Dropdown\r\n                            multiSelect\r\n                            placeholder=\"Select company roles\"\r\n                            selectedKeys={selectedRoleKeys()}\r\n                            options={convertToKeyValuePair(CompanyRoles)}\r\n                            onChange={(ev, item) => {\r\n                                if (!item) {\r\n                                    return;\r\n                                }\r\n\r\n                                let roles = user.customerRoles.slice();\r\n\r\n                                if (item.selected) {\r\n                                    roles.push({\r\n                                        role: {\r\n                                            id: Number(item.key),\r\n                                            name: item.text\r\n                                        },\r\n                                        customer: company,\r\n                                        isDefault: false,\r\n                                    })\r\n                                }\r\n                                else {\r\n                                    roles = roles.filter(_ => _.role.id !== Number(item.key));\r\n                                }\r\n\r\n                                setUser({ ...user, customerRoles: roles });\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                    <Info>\r\n                        <div>\r\n                            Last seen: {relativeDateString(user.lastLogin, { \"days\": 7 }, undefined, true)}.\r\n                        </div>\r\n                        <div>\r\n                            App version used: {user.version ? user.version : \"?\"}.\r\n                        </div>\r\n                    </Info>\r\n                </Body>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import { useEffect, useState } from 'react';\r\n\r\nexport const useMediaQuery = (query: string) => {\r\n    const mediaMatch = window.matchMedia(query);\r\n    const [matches, setMatches] = useState(mediaMatch.matches);\r\n\r\n    useEffect(() => {\r\n        const handler = (e:any) => setMatches(e.matches);\r\n        mediaMatch.addEventListener(\"change\", handler);\r\n        return () => mediaMatch.removeEventListener(\"change\", handler);\r\n    });\r\n\r\n    return matches;\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { DurationLike } from \"luxon\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.span`\r\n    color: #999;\r\n    font-size: 12px;\r\n`;\r\n//#endregion\r\n\r\ninterface IModifiedStringProps {\r\n    date?: Date\r\n    title?: string\r\n    timeZone?: string\r\n    dateOnly?: boolean\r\n    useRelativeIfLessThan?: DurationLike\r\n}\r\n\r\nexport const ModifiedString: React.FC<IModifiedStringProps> = ({ date, title, timeZone, dateOnly, useRelativeIfLessThan }) => {\r\n    const { relativeDateString, resolveTimeZone, toDateString } = useDateFunctions();\r\n    const tz = resolveTimeZone(timeZone);\r\n\r\n    return (\r\n        <Container title={title}>\r\n            {relativeDateString(date, useRelativeIfLessThan ? useRelativeIfLessThan : { days: 14 }, tz, true, false, dateOnly)}\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IUser } from \"../../../../../interfaces/IUser\";\r\nimport { Details } from \"./Details\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { useMediaQuery } from \"../../../../../hooks/useMediaQuery\";\r\nimport { ModifiedString } from \"../../../../../blocks/modifiedString/ModifiedString\";\r\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\r\n\r\n\r\n//#region Styled Components\r\nconst External = styled.span`\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    color: #7eaeee;\r\n    padding-left: 5px;\r\n`;\r\n//#endregion\r\n\r\nexport const Users = () => {\r\n    const { app } = useAppContext();\r\n    const { users, setUsers } = useCompanyProvider();\r\n    const { splitCamlCase } = useStringFunctions();\r\n    const [visibleUsers, setVisibleUsers] = useState<IUser[]>([]);\r\n    const [user, setUser] = useState<IUser | undefined>();\r\n    const [fetching, setFetching] = useState(true);\r\n    const [searchParams] = useSearchParams();\r\n    const urlUserId = searchParams.get(\"userid\");\r\n    const history = useNavigate();\r\n\r\n    const rowClick = (_: IUser) => {\r\n        setUser(_);\r\n    }\r\n\r\n    const cellStyle = (_: IUser) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            render: (_: IUser) => {\r\n                let isExternal = _.belongsToId !== app.currentCustomerRole.customer.id;\r\n                return (\r\n                    <span title={isExternal ? \"User has access but belongs to another company\" : undefined}>\r\n                        <span>\r\n                            {_.name}\r\n                        </span >\r\n                        {isExternal &&\r\n                            <External>\r\n                                | EX\r\n                            </External>\r\n                        }\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"email\",\r\n            render: (_: IUser) => {\r\n                return <a onClick={(ev) => { ev.stopPropagation(); }} title=\"Send email\" style={{ color: \"#4177bf\", textDecoration: \"none\" }} href={`mailto:${_.email}`}>{_.email}</a>;\r\n            }\r\n        },\r\n        {\r\n            key: \"phone\",\r\n            exclude: useMediaQuery(\"(max-width: 1700px)\"),\r\n            render: (_: IUser) => {\r\n                return <a onClick={(ev) => { ev.stopPropagation(); }} title=\"Start call\" style={{ color: \"#4177bf\", textDecoration: \"none\" }} href={`tel:${_.phone}`}>{_.phone}</a>;\r\n            }\r\n        },\r\n        {\r\n            key: \"roles\",\r\n            render: (_: IUser) => {\r\n                var roles: string[] = [];\r\n                _.customerRoles?.forEach(cr => {\r\n                    roles.push(splitCamlCase(cr.role.name));\r\n                });\r\n                return (\r\n                    <span>\r\n                        {roles.join(\", \")}\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"lastLogin\",\r\n            gridCellWidth: \"minmax(0, 130px)\",\r\n            title: \"Last seen\",\r\n            render: (_: IUser) => {\r\n                return <ModifiedString date={_.lastLogin} dateOnly />\r\n            }\r\n        },\r\n        {\r\n            key: \"version\",\r\n            gridCellWidth: \"minmax(0, 100px)\",\r\n            textAlign: \"right\",\r\n            render: (_: IUser) => {\r\n                return _.version ? _.version : \"?\"\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            app.api.getUsers()\r\n                .then(_ => {\r\n                    setUsers(_);\r\n                    setFetching(false);\r\n                })\r\n                .catch(err => {\r\n                    console.log(err);\r\n                    setFetching(false);\r\n                })\r\n        }\r\n    }, [fetching])\r\n\r\n    useEffect(() => {\r\n        setVisibleUsers(users);\r\n        if (users && urlUserId) {\r\n            let u = users.find(_ => _.id?.toLowerCase() === urlUserId.toLowerCase());\r\n            if (u) {\r\n                setUser(u);\r\n                history(window.location.pathname, { replace: true });\r\n            }\r\n        }\r\n    }, [users])\r\n\r\n    return (\r\n        <Card\r\n            title={`Users ${visibleUsers.length > 0 ? `(${visibleUsers.length})` : \"\"}`}\r\n            height={useMediaQuery(\"(min-width: 2000px)\") ? \"402px\" : undefined}  // Must match the media queri in CompanySettings.tsx\r\n            maxHeight={useMediaQuery(\"(max-width: 2000px)\") ? \"402px\" : undefined}  // Must match the media queri in CompanySettings.tsx\r\n            search={s => {\r\n                setVisibleUsers(users.filter(_ => _.name.toLowerCase().indexOf(s.toLowerCase()) >= 0));\r\n            }}\r\n        >\r\n            <AppGridTableNew\r\n                blueHeader\r\n                loading={fetching}\r\n                columns={columns}\r\n                data={visibleUsers.slice().sort((a, b) => { return a.name > b.name ? 1 : -1; })}\r\n                cellStyle={cellStyle}\r\n                rowClick={rowClick}\r\n            />\r\n\r\n            <Details\r\n                u={user}\r\n                dismiss={_ => {\r\n                    if (_) {\r\n                        // Replace user after update\r\n                        let _users = users.slice().filter(u => u.id !== _.id);\r\n                        _users.push(_);\r\n                        setUsers(_users);\r\n                    }\r\n\r\n                    // Clear panel user\r\n                    setUser(undefined);\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField } from \"@fluentui/react\";\r\nimport { faEdit, faExclamation, faImage, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useCompany } from \"../../../../../api/hooks/useCompany\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n\r\n    input[type=\"file\"] {\r\n        display: none;\r\n    }\r\n`;\r\n\r\nconst Details = styled.div`\r\n    flex-grow: 1;\r\n\r\n    >div {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        padding: 25px 20px;\r\n\r\n        >div {\r\n            margin: 5px 10px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Logo = styled.label`\r\n    min-height: 111px;\r\n    min-width: 200px;\r\n    max-width: 200px;\r\n    background-color: #fafafa;\r\n    border-left: 1px solid #f1f1f1;\r\n    display: flex;\r\n    cursor: pointer;\r\n\r\n    position:relative;\r\n\r\n    input[type=\"file\"] {\r\n        display: none;\r\n    }\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        top: 20px;\r\n        right: 30px;\r\n        color: #ccc;\r\n        transition: color .25s ease;\r\n    }\r\n\r\n    >div:last-child {\r\n        flex-grow: 1;\r\n        padding: 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        img {\r\n            max-width: 140px;\r\n            max-height: 80px;\r\n        }\r\n\r\n        svg {\r\n            font-size: 50px;\r\n            color: #ddd;\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        >div:first-child {\r\n            color: #555;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Info = () => {\r\n    const { app } = useAppContext();\r\n    const { isForbidden } = useRest();\r\n    const { company: c, fetching } = useCompany();\r\n    const [saving, setSaving] = useState(false);\r\n    const { setCompany, company } = useCompanyProvider();\r\n\r\n    const updateLogo = (f: File) => {\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(f);\r\n        reader.onload = () => {\r\n            setCompany({\r\n                ...company!,\r\n                logo: reader.result?.toString()\r\n            });\r\n        }\r\n    }\r\n\r\n    const save = () => {\r\n        app.api.updateCompanyDetails(company!)\r\n            .then(_ => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: \"Customer details saved\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n            })\r\n            .catch(err => {\r\n                var msg = isForbidden(err)\r\n                    ? \"Access denied\"\r\n                    : \"An error occured while saving company details\";\r\n\r\n                console.log(\"Error\", err);\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: msg,\r\n                    icon: <FontAwesomeIcon icon={faExclamation} />\r\n                });\r\n            })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (c) {\r\n            setCompany(c);\r\n        }\r\n    }, [c])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <Card\r\n            title=\"Details\"\r\n            loading={fetching || saving}\r\n            actions={[\r\n                {\r\n                    title: \"Save company details\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: fetching || saving,\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Details>\r\n                    <div>\r\n                        <TextField\r\n                            value={company?.name ? company.name : \"\"}\r\n                            description=\"Name\"\r\n                            readOnly\r\n                            disabled\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.address ? company.address : \"\"}\r\n                            description=\"Address\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    address: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.zip ? company.zip : \"\"}\r\n                            description=\"Zip\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    zip: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.city ? company.city : \"\"}\r\n                            description=\"City\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    city: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.country ? company.country : \"\"}\r\n                            description=\"Country\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    country: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.email ? company.email : \"\"}\r\n                            description=\"Email\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    email: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.phone ? company.phone : \"\"}\r\n                            description=\"Phone\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    phone: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.operationsEmail ? company.operationsEmail : \"\"}\r\n                            description=\"Operations email\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    operationsEmail: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            autoComplete=\"off\"\r\n                            value={company?.demurrageEmail ? company.demurrageEmail : \"\"}\r\n                            description=\"Demurrage email\"\r\n                            onChange={(ev, v) => {\r\n                                setCompany({\r\n                                    ...company!,\r\n                                    demurrageEmail: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </Details>\r\n                <Logo htmlFor=\"fileUpload\" title=\"The logo will appear on SOF. Click to edit.\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faEdit} />\r\n                    </div>\r\n                    <div>\r\n                        {company?.logo && company.logo.length > 0\r\n                            ? <img src={company?.logo} />\r\n                            : <FontAwesomeIcon icon={faImage} />\r\n                        }\r\n                    </div>\r\n                </Logo>\r\n                <input\r\n                    id=\"fileUpload\"\r\n                    type=\"file\"\r\n                    accept=\"jpg,jpeg,gif,png\"\r\n                    onChange={_ => {\r\n                        if (_.target.files && _.target.files.length === 1) {\r\n                            var file = _.target.files[0];\r\n                            var filesize = ((file.size / 1024) / 1024); // MB\r\n\r\n                            if (filesize > 1) {\r\n                                return;\r\n                            }\r\n\r\n                            updateLogo(file);\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","export enum ApiKeyTypes {\r\n    IdAndSecret = 1,\r\n    Key = 10\r\n}","import useSWR from \"swr\";\r\nimport { ICompany } from \"../../interfaces/ICompany\";\r\n\r\nexport const useCompany = () => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(\"/customers/complete\", {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let company: ICompany = data ? data : undefined;\r\n\r\n    return { company, error, fetching, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, Toggle, DatePicker, DayOfWeek, Icon, PanelType, Dropdown } from \"@fluentui/react\";\r\nimport { faExclamationCircle, faKey, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { ICompanyApiKey } from \"../../../../../interfaces/ICompanyApiKey\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { ApiKeyTypes } from \"../../../../../_enums/ApiKeyTypes\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin: 0 0 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin: 0 0 20px;\r\n    }\r\n`;\r\n\r\nconst Info = styled.div`\r\n    background-color: #fafafa;\r\n    color: #333;\r\n    margin-top: 20px !important;\r\n    padding: 10px 15px;\r\n    box-shadow: 0 0 2px #888;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    line-height: 18px;\r\n    -webkit-letter-spacing: .2px;\r\n    -moz-letter-spacing: .2px;\r\n    -ms-letter-spacing: .2px;\r\n    letter-spacing: .2px;\r\n`;\r\n\r\nconst ClientInfo = styled.div`\r\n    >div {\r\n        margin: 0 0 10px;\r\n\r\n        input {\r\n            padding: 0;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details: React.FC<{ value?: ICompanyApiKey, dismiss: (updated?: ICompanyApiKey, remove?: boolean) => void }> = ({ value, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { isForbidden } = useRest();\r\n    const [apiKey, setApiKey] = useState<ICompanyApiKey | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const isNew = value && value.id > 0 ? false : true;\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { company } = useCompanyProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const save = async () => {\r\n        try {\r\n            var updated = isNew\r\n                ? await app.api.createApiKey(apiKey!)\r\n                : await app.api.updateApiKey(apiKey!)\r\n\r\n            dismiss(updated);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `Api access ${isNew ? \"created\" : \"updated\"} ${isNew ? `. Make sure to copy the client secret or key` : \"\"}`\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            var msg = `An error occured while saving the api access`;\r\n\r\n            if (isForbidden(error)) {\r\n                msg = \"Access denied\";\r\n            }\r\n            else {\r\n                msg = `An error occured while ${isNew ? \"creating\" : \"updating\"} the api access`;\r\n            }\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: msg\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const deleteApiKey = async () => {\r\n        try {\r\n            await app.api.deleteApiKey(apiKey!);\r\n            dismiss(apiKey, true);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: \"Api access deleted\"\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            error.text()\r\n                .then((_: string) => {\r\n                    app.setAppMessage({\r\n                        icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                        text: _.replaceAll('\"', '')\r\n                    });\r\n                })\r\n                .catch((_: any) => {\r\n                    app.setAppMessage({\r\n                        icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                        text: \"An error occured while deleting the api access\"\r\n                    });\r\n                });\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setApiKey(value);\r\n    }, [value])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteApiKey();\r\n        }\r\n    }, [deleting])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"Create\" : \"Edit\"}</span> {apiKey?.name}</span>}\r\n            warningMessage={apiKey?.type === ApiKeyTypes.Key ? \"API keys are not recommended for accessing the API. Consider using client id and secret.\" : undefined}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            working={saving || deleting}\r\n            isOpen={apiKey ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faKey} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    disabled: isNew,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setSaving(true)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {apiKey &&\r\n                <Body>\r\n                    <div>\r\n                        <Toggle\r\n                            checked={!apiKey.inActive}\r\n                            offText=\"Key disabled and can't by used\"\r\n                            onText=\"Key enabled\"\r\n                            onChange={(ev, checked) => {\r\n                                setApiKey({\r\n                                    ...apiKey,\r\n                                    inActive: checked ? !checked : true\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    <InputWithDescription description=\"Authentication type\" defaultDescription>\r\n                        <Dropdown\r\n                            title={!isNew ? \"Type can't be changed on existing API keys\" : undefined}\r\n                            disabled={!isNew}\r\n                            placeholder=\"Select authentication type\"\r\n                            selectedKey={Number(apiKey.type)}\r\n                            options={convertToKeyValuePair(ApiKeyTypes)}\r\n                            onChange={(ev, v) => {\r\n                                if (v) {\r\n                                    setApiKey({\r\n                                        ...apiKey,\r\n                                        type: Number(v.key)\r\n                                    });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <TextField\r\n                        description=\"Name\"\r\n                        value={apiKey.name}\r\n                        onChange={(ev, v) => {\r\n                            setApiKey({\r\n                                ...apiKey,\r\n                                name: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                    <TextField\r\n                        description=\"Description\"\r\n                        value={apiKey.description}\r\n                        onChange={(ev, v) => {\r\n                            setApiKey({\r\n                                ...apiKey,\r\n                                description: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                    <InputWithDescription description=\"Expires\" defaultDescription={true}>\r\n                        <DatePicker\r\n                            placeholder=\"Expires\"\r\n                            value={new Date(apiKey.expires)}\r\n                            minDate={DateTime.now().toJSDate()}\r\n                            maxDate={DateTime.now().plus({ years: 100 }).toJSDate()}\r\n                            firstDayOfWeek={DayOfWeek.Monday}\r\n                            formatDate={v => {\r\n                                return v ? DateTime.fromJSDate(v).toFormat(\"dd MMMM yyyy\") : \"\"\r\n                            }}\r\n                            onSelectDate={v => {\r\n                                setApiKey({\r\n                                    ...apiKey,\r\n                                    expires: v ? v : apiKey.expires\r\n                                });\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    {isNew &&\r\n                        <Info>\r\n                            {apiKey.type === ApiKeyTypes.Key ? \"API key\" : \"Client id and secret\"} will be generated automatically when saving\r\n                        </Info>\r\n                    }\r\n\r\n                    {!isNew &&\r\n                        <ClientInfo>\r\n                            <TextField\r\n                                description=\"Customer id\"\r\n                                value={company.id}\r\n                                readOnly\r\n                                borderless\r\n                                onClick={() => {\r\n                                    navigator.clipboard.writeText(company.id);\r\n                                    app.setAppMessage({\r\n                                        icon: <Icon iconName=\"Copy\" />,\r\n                                        text: \"Customer id copied to clipboard\"\r\n                                    });\r\n                                }}\r\n                            />\r\n\r\n                            {apiKey.type === ApiKeyTypes.Key\r\n                                ?\r\n                                <TextField\r\n                                    description=\"API key\"\r\n                                    value={apiKey.apiKeyPreview!.length > 3 ? apiKey.apiKeyPreview : apiKey.apiKeyPreview!.padEnd(20, \"*\")}\r\n                                    readOnly\r\n                                    borderless\r\n                                    onClick={() => {\r\n                                        navigator.clipboard.writeText(apiKey.apiKeyPreview!);\r\n                                        app.setAppMessage({\r\n                                            icon: <Icon iconName=\"Copy\" />,\r\n                                            text: \"API keycopied to clipboard\"\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                :\r\n                                <>\r\n                                    <TextField\r\n                                        description=\"Client id\"\r\n                                        value={apiKey.clientId}\r\n                                        readOnly\r\n                                        borderless\r\n                                        onClick={() => {\r\n                                            navigator.clipboard.writeText(apiKey.clientId!);\r\n                                            app.setAppMessage({\r\n                                                icon: <Icon iconName=\"Copy\" />,\r\n                                                text: \"Client id copied to clipboard\"\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                    <TextField\r\n                                        description=\"Client secret\"\r\n                                        value={apiKey.clientSecretPreview!.length > 3 ? apiKey.clientSecretPreview : apiKey.clientSecretPreview!.padEnd(20, \"*\")}\r\n                                        readOnly\r\n                                        borderless\r\n                                        onClick={() => {\r\n                                            navigator.clipboard.writeText(apiKey.clientSecretPreview!);\r\n                                            app.setAppMessage({\r\n                                                icon: <Icon iconName=\"Copy\" />,\r\n                                                text: \"Client secret copied to clipboard\"\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                </>\r\n                            }\r\n                        </ClientInfo>\r\n                    }\r\n\r\n                    <AppDialog\r\n                        title=\"Delete api key\"\r\n                        subText={`Are you sure you want to delete the api key ${apiKey.name}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            setDeleting(true);\r\n                        }}\r\n                    />\r\n\r\n                </Body>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import { Icon } from \"@fluentui/react\";\r\nimport { faKey, faPlus, faUserShield } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { ICompanyApiKey } from \"../../../../../interfaces/ICompanyApiKey\";\r\nimport { ApiKeyTypes } from \"../../../../../_enums/ApiKeyTypes\";\r\nimport { Details } from \"./Details\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { useMediaQuery } from \"../../../../../hooks/useMediaQuery\";\r\nimport { ModifiedString } from \"../../../../../blocks/modifiedString/ModifiedString\";\r\n\r\nexport const ApiKeys = () => {\r\n    const [apiKey, setApiKey] = useState<ICompanyApiKey | undefined>();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const [apiKeys, setApiKeys] = useState<ICompanyApiKey[]>([]);\r\n    const [fetching, setFetching] = useState(true);\r\n    const { app } = useAppContext();\r\n\r\n    const getApiKeys = () => {\r\n        app.api.getApiKeys()\r\n            .then(_ => {\r\n                setApiKeys(_);\r\n                setFetching(false);\r\n            })\r\n            .catch(err => {\r\n                console.log(err);\r\n                setFetching(false);\r\n            })\r\n    }\r\n\r\n    const rowClick = (_: ICompanyApiKey) => {\r\n        setApiKey(_);\r\n    }\r\n\r\n    const cellStyle = (_: ICompanyApiKey) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"type\",\r\n            render: (_: ICompanyApiKey) => {\r\n                return (\r\n                    <span>\r\n                        <span style={{ color: _.type === ApiKeyTypes.Key ? \"#ff9c9c\" : \"#444\", paddingRight: \"5px\" }}>\r\n                            <FontAwesomeIcon icon={_.type === ApiKeyTypes.Key ? faKey : faUserShield} />\r\n                        </span>\r\n                        <span>\r\n                            {_.type === ApiKeyTypes.Key ? \"API key\" : \"Id & secret\"}\r\n                        </span>\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            key: \"description\",\r\n            exclude: useMediaQuery(\"(max-width: 1700px)\")\r\n        },\r\n        {\r\n            key: \"clientId\",\r\n            title: \"client id\",\r\n            exclude: useMediaQuery(\"(max-width: 1200px)\"),\r\n            render: (_: ICompanyApiKey) => {\r\n                if (_.type === ApiKeyTypes.Key) {\r\n                    return null;\r\n                }\r\n\r\n                return (\r\n                    <span title=\"Click to copy client id to clipboard\" onClick={(ev) => {\r\n                        navigator.clipboard.writeText(_.clientId!);\r\n                        app.setAppMessage({\r\n                            icon: <Icon iconName=\"Copy\" />,\r\n                            text: \"Client id copied to clipboard\"\r\n                        });\r\n                        ev.stopPropagation();\r\n                    }}>\r\n                        <Icon iconName=\"Copy\" />\r\n                        <span style={{ paddingLeft: \"5px\" }}>{_.clientId}</span>\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"clientSecretPreview\",\r\n            title: \"client secret / api key\",\r\n            exclude: useMediaQuery(\"(max-width: 1400px)\"),\r\n            render: (_: ICompanyApiKey) => {\r\n                var s = _.type === ApiKeyTypes.IdAndSecret ? _.clientSecretPreview! : _.apiKeyPreview!;\r\n                var typeTitle = _.type === ApiKeyTypes.IdAndSecret ? \"client secret\" : \"api key\";\r\n\r\n                if (s.length > 40) {\r\n                    return (\r\n                        <span\r\n                            title={`Click to copy the ${typeTitle} to clipboard`}\r\n                            onClick={(ev) => {\r\n                                navigator.clipboard.writeText(s);\r\n                                app.setAppMessage({\r\n                                    icon: <Icon iconName=\"Copy\" />,\r\n                                    text: `${typeTitle} copied to clipboard`\r\n                                });\r\n                                ev.stopPropagation();\r\n                            }}\r\n                        >\r\n                            <Icon iconName=\"Copy\" />\r\n                            <span style={{ paddingLeft: \"5px\" }}>{s}</span>\r\n                        </span>\r\n                    );\r\n                }\r\n\r\n                return s.padEnd(20, \"*\");\r\n            }\r\n        },\r\n        {\r\n            key: \"expires\",\r\n            render: (_: ICompanyApiKey) => {\r\n                return <span>{makeDateObject(_.expires).toFormat(\"dd MMM. yyyy\")}</span>\r\n            }\r\n\r\n        },\r\n        {\r\n            key: \"lastLogin\",\r\n            title: \"Last login\",\r\n            render: (_: ICompanyApiKey) => {\r\n                return <ModifiedString date={_.lastLogin} dateOnly />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getApiKeys();\r\n        }\r\n    }, [fetching])\r\n\r\n    return (\r\n        <Card\r\n            title={`Api access ${apiKeys.length > 0 ? `(${apiKeys.length})` : \"\"}`}\r\n            actions={[\r\n                {\r\n                    title: \"New client id/secret or api key\",\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    onClick: () => setApiKey({\r\n                        id: 0,\r\n                        type: 1,\r\n                        clientId: \"\",\r\n                        clientSecret: \"\",\r\n                        clientSecretPreview: \"\",\r\n                        apiKey: \"\",\r\n                        apiKeyPreview: \"\",\r\n                        description: \"\",\r\n                        expires: DateTime.now().plus({ years: 5 }).toJSDate(),\r\n                        inActive: false,\r\n                        name: \"\",\r\n                        modified: new Date()\r\n                    })\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                blueHeader\r\n                loading={fetching}\r\n                columns={columns}\r\n                data={apiKeys}\r\n                cellStyle={cellStyle}\r\n                rowClick={rowClick}\r\n            />\r\n            <Details\r\n                value={apiKey}\r\n                dismiss={(_apiKey, remove) => {\r\n                    if (_apiKey) {\r\n                        let tempKeys = apiKeys.filter(_ => _.id !== _apiKey.id);\r\n\r\n                        if (remove) {\r\n                            setApiKeys([...tempKeys]);\r\n                        }\r\n                        else {\r\n                            setApiKeys([_apiKey, ...tempKeys]);\r\n                        }\r\n                    }\r\n\r\n                    setApiKey(undefined)\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    background-color: #f1f1f1;\r\n    border: 1px solid #ddd;\r\n    border-radius: 2px;\r\n    width: fit-content;\r\n\r\n    >div {\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        font-weight: 500;\r\n        width: 35px;\r\n        text-align: center;\r\n        padding: 2px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    > div:first-child {\r\n        border-right: 1px solid #ddd;\r\n    }\r\n`;\r\n\r\nconst On = styled.div<{ active: boolean, disabled?: boolean }>`\r\n    background-color: ${_ => _.active ? _.disabled ? \"#ccc\" : \"#32ad5b\" : undefined};\r\n    color: ${_ => _.active ? \"white\" : \"#aaa\"};\r\n`;\r\n\r\nconst Off = styled.div<{ active: boolean, disabled?: boolean }>`\r\n    background-color: ${_ => _.active ? _.disabled ? \"#ccc\" : \"#d54545\" : undefined};\r\n    color: ${_ => _.active ? \"white\" : \"#aaa\"};\r\n`;\r\n//#endregion\r\n\r\nexport const OnOffSwitch: React.FC<{ on?: boolean, onTxt?: string, offTxt?: string, disabled?: boolean }> = ({ on, onTxt, offTxt, disabled }) => {\r\n    return (\r\n        <Container >\r\n            <On active={on ? on : false} disabled={disabled}>\r\n                {onTxt ? onTxt : \"On\"}\r\n            </On>\r\n            <Off active={on ? !on : true} disabled={disabled}>\r\n                {offTxt ? offTxt : \"Off\"}\r\n            </Off>\r\n        </Container>\r\n    );\r\n};","export enum VmsProviders {\r\n    Dataloy = 1,\r\n    DataloyV1 = 2,\r\n    VesonImos = 50,\r\n    Custom = 1000\r\n}","import { Checkbox, ITextFieldProps, TextField } from \"@fluentui/react\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n\r\n    >div:last-child {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst CbxContainer = styled.div`\r\n    border-radius: 4px 0 0 4px;\r\n    padding: 5px 10px 0 0;\r\n`;\r\n\r\nconst Cbx = styled(Checkbox)`\r\n    label {\r\n        width: 20px;\r\n\r\n        >div {\r\n            border: 3px solid #4177bf;\r\n            border-radius: 50%;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Txt = styled.div`\r\n    >div {\r\n        >div {\r\n            >div {\r\n                border: 1px solid #aaa;\r\n                border-radius: 4px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IBooleanAndValue {\r\n    checked: boolean\r\n    value?: string\r\n}\r\n\r\nexport const CbxAndTxt: React.FC<{ val?: IBooleanAndValue, txtProps?: ITextFieldProps, onChange: (_: IBooleanAndValue) => void }> = ({ val, txtProps, onChange }) => {\r\n    const [value, setValue] = useState<IBooleanAndValue | undefined>();\r\n\r\n    useEffect(() => {\r\n        if (val) {\r\n            setValue(val);\r\n        }\r\n        else {\r\n            setValue({ checked: false })\r\n        }\r\n    }, [val])\r\n\r\n    if (!value) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <CbxContainer>\r\n                <Cbx\r\n                    checked={value.checked}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({\r\n                            ...value,\r\n                            checked: checked ? checked : false\r\n                        });\r\n                    }}\r\n                />\r\n            </CbxContainer>\r\n            <Txt>\r\n                <TextField\r\n                    {...txtProps}\r\n                    value={value.value ? value.value.toString() : \"\"}\r\n                    disabled={!value.checked}\r\n                    onChange={(ev, newValue) => {\r\n                        onChange({\r\n                            ...value,\r\n                            value: newValue\r\n                        });\r\n                    }}\r\n                />\r\n            </Txt>\r\n        </Container>\r\n    );\r\n};","export enum RestAuthTypes {\r\n    Basic = 1,\r\n    // UsernameAndPassword = 2,\r\n    ApiKey = 10,\r\n    OAuth2 = 100,\r\n    Custom = 1000\r\n}","export enum VmsSyncEntities {\r\n    Port = 1,\r\n    Voyage = 2,\r\n    PortCall = 3,\r\n    Cargo = 4,\r\n    CargoPort = 5,\r\n    Partner = 6,\r\n    Vessel = 7,\r\n    BunkerDeliveryNote = 8,\r\n    Trade = 9\r\n}","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { ITextFieldProps, TextField } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faLock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useNumberFunctions } from \"../../hooks/useNumberFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ hasDescription: boolean, borderless?: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n\r\n    .locked {\r\n        border-radius: 0 2px 2px 0;\r\n        color: #ddd;\r\n        font-size: 12px;\r\n        background-color: white;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        padding: 0 14px 0 0;\r\n        border: 1px solid #605e5c;\r\n        border-left: none;\r\n        margin-left: -2px;\r\n        z-index: 1;\r\n    }\r\n\r\n    // Hide spin buttons\r\n    // Chrome, Safari, Edge, Opera\r\n    input::-webkit-outer-spin-button,\r\n    input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n    }\r\n\r\n    // Firefox\r\n    input[type=number] {\r\n        -moz-appearance: textfield;\r\n        appearance: textfield;\r\n    }\r\n\r\n\r\n    ${_ => _.hasDescription\r\n        ? css`\r\n            .locked {\r\n                height: 29px;\r\n            }\r\n        `: undefined\r\n    }\r\n\r\n    ${_ => _.borderless\r\n        ? css`\r\n            .locked {\r\n                border-color: transparent;\r\n            }\r\n        `: undefined\r\n    }    \r\n`;\r\n//#endregion\r\n\r\n// Textfield\r\ninterface IAppTextFieldProps extends ITextFieldProps {\r\n    locked?: boolean\r\n}\r\n\r\nexport const AppTextField: FC<IAppTextFieldProps> = (props) => {\r\n    return (\r\n        <Container hasDescription={props.description ? true : false} borderless={props.borderless}>\r\n            <TextField\r\n                {...props}\r\n                title={props.locked ? \"Field is locked\" : props.title}\r\n                readOnly={props.locked || props.readOnly}\r\n            />\r\n            {props.locked &&\r\n                <div className=\"locked\">\r\n                    <FontAwesomeIcon icon={faLock} />\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n}\r\n\r\n// Numeric texfield\r\ninterface IAppNumericTextFieldProps extends ITextFieldProps {\r\n    locked?: boolean\r\n    wholeNumbersOnly?: true\r\n}\r\n\r\nexport const AppNumericTextField: FC<IAppNumericTextFieldProps> = (props) => {\r\n    const { handleWholeNumberInput } = useNumberFunctions();\r\n    const [localValue, setLocalValue] = useState<string | undefined>();\r\n\r\n    useEffect(() => {\r\n        if (!localValue || Number(props.value) !== Number(localValue)) {\r\n            setLocalValue(props.value);\r\n        }\r\n    }, [props.value])\r\n\r\n    return (\r\n        <AppTextField\r\n            {...props}\r\n            value={localValue}\r\n            inputMode=\"decimal\"\r\n            type=\"number\"\r\n            onKeyPress={ev => {\r\n                if (props.wholeNumbersOnly) {\r\n                    handleWholeNumberInput(ev);\r\n                }\r\n            }}\r\n            onChange={(ev, newValue) => {\r\n                setLocalValue(newValue ? newValue : \"\");\r\n                if (props.onChange) {\r\n                    props.onChange(ev, newValue ? newValue.replaceAll(\",\", \".\") : newValue);\r\n                }\r\n            }}\r\n        />\r\n    );\r\n}","export const useNumberFunctions = () => {\r\n\r\n    const handleWholeNumberInput = (ev: React.KeyboardEvent) => {\r\n        const excludedInputCharsInWholeNumberInput = [\",\", \".\", \"-\", \"+\", \"e\"];\r\n        if (excludedInputCharsInWholeNumberInput.indexOf(ev.key) >= 0) {\r\n            ev.preventDefault();\r\n        }\r\n    }\r\n\r\n    return { handleWholeNumberInput };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { faSync } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { IVmsSyncSetting } from \"../../../../../interfaces/IVmsSynSetting\";\r\nimport { VmsSyncEntities } from \"../../../../../_enums/VmsSyncEntities\";\r\nimport { AppNumericTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    min-height: 32px;\r\n    display: flex;\r\n    \r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    .sync {\r\n        width: 30px;\r\n\r\n        svg {\r\n            cursor: pointer;\r\n            :hover {\r\n                color: #4177bf;\r\n            }\r\n        }\r\n    }\r\n\r\n    .toggle {\r\n        flex-grow: 1;\r\n         >div {\r\n            margin: 0;\r\n         }\r\n    }\r\n    \r\n    .txt {\r\n        width: 60px;\r\n\r\n        input {\r\n            text-align: right;\r\n            background-color: #fafafa;\r\n            outline: 1px solid #ddd;\r\n            border-radius: 4px;\r\n        }\r\n    }\r\n\r\n    .minutes {\r\n        width: 40px;\r\n        justify-content: flex-end;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VmsSyncSetting: React.FC<{ type: VmsSyncEntities, setting: IVmsSyncSetting, onChange: (_: IVmsSyncSetting) => void }> = ({ type, setting, onChange }) => {\r\n    const [minutes, setMinutes] = useState(\"\");\r\n    const [message, setMessage] = useState(\"\");\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const createMessage = () => {\r\n        if (!setting) {\r\n            return \"\";\r\n        }\r\n\r\n        if (setting.lastError && setting.lastSync && makeDateObject(setting.lastError) > makeDateObject(setting.lastSync)) {\r\n            return `Last error ${makeDateObject(setting.lastError).toFormat(\"ccc. dd MMM. yyyy @ HH:mm\")}. ${setting.lastErrorMessage}.`;\r\n        }\r\n        else if (setting.lastSync) {\r\n            return `Last sync ${makeDateObject(setting.lastSync).toFormat(\"ccc. dd MMM. yyyy @ HH:mm\")}.`;\r\n        }\r\n        else {\r\n            return \"No sync data available.\"\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setMinutes(setting.intervalInMinutes.toString());\r\n        setMessage(createMessage());\r\n    }, [])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"sync\">\r\n                <FontAwesomeIcon icon={faSync} title=\"Sync now (disabled)\" />\r\n            </div>\r\n            <div className=\"toggle\" title={message}>\r\n                <Toggle\r\n                    onText={`Sync ${VmsSyncEntities[type]}s every:`}\r\n                    offText={`${VmsSyncEntities[type]} sync disabled`}\r\n                    checked={setting && setting.inActive === false}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({ ...setting, inActive: !checked });\r\n                    }}\r\n                />\r\n            </div>\r\n            {setting && !setting.inActive &&\r\n                <>\r\n                    <div className=\"txt\">\r\n                        <AppNumericTextField\r\n                            title=\"Minimum 30 minutes\"\r\n                            borderless\r\n                            value={minutes}\r\n                            onChange={(ev, v) => {\r\n                                setMinutes(v ? v : \"\");\r\n\r\n                                if (v && !isNaN(Number(v))) {\r\n                                    onChange({ ...setting, intervalInMinutes: Number(v) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <div className=\"minutes\">\r\n                        mins.\r\n                    </div>\r\n                </>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ margin?: string }>`\r\n    >div {\r\n        margin: ${_ => _.margin ? _.margin : \"15px 0\"};\r\n    }\r\n\r\n    >div:last-child {\r\n        margin: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CbxList: React.FC<{ margin?: string, children: any }> = ({ margin, children }) => {\r\n    return (\r\n        <Container margin={margin}>\r\n            {children}\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IReasonForCall } from \"../../interfaces/IReasonForCall\";\r\n\r\nexport const useReasonForCalls = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/reasonForCalls\", {\r\n        dedupingInterval: 1000 * 60 * 30,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let rfcs: IReasonForCall[] | undefined = data;\r\n\r\n    return { rfcs, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Dropdown, PanelType, TextField, Toggle } from \"@fluentui/react\";\r\nimport { faCogs } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { CbxAndTxt } from \"../../../../../blocks/cbxAndTxt/CbxAndTxt\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { IVms } from \"../../../../../interfaces/IVms\";\r\nimport { IVmsSyncSetting } from \"../../../../../interfaces/IVmsSynSetting\";\r\nimport { RestAuthTypes } from \"../../../../../_enums/RestAuthTypes\";\r\nimport { VmsProviders } from \"../../../../../_enums/VmsProviders\";\r\nimport { VmsSyncEntities } from \"../../../../../_enums/VmsSyncEntities\";\r\nimport { VmsSyncSetting } from \"./VmsSyncSetting\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\nimport { useReasonForCalls } from \"../../../../../api/hooks/useReasonForCalls\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 10px 0;\r\n`;\r\n\r\nconst Section = styled.div`\r\n    padding: 10px 30px 10px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    // Section header\r\n    >div:first-child {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .divider {\r\n        margin: 25px 0;\r\n        border-bottom: 1px dotted #ccc\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditVmsSettingsPanel: React.FC<{ vms?: IVms, isOpen: boolean, dismiss: (vms?: IVms) => void }> = ({ vms: _vms, isOpen, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { convertStringToNumArray } = useStringFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { rfcs } = useReasonForCalls();\r\n    const [working, setWorking] = useState(false);\r\n    const [vms, setVms] = useState<IVms | undefined>();\r\n\r\n    const txt = (desc: string, prop: string, required: boolean = false, txtType: string = \"text\") => {\r\n        return (\r\n            <TextField\r\n                autoComplete=\"Off\"\r\n                type={txtType}\r\n                canRevealPassword={true}\r\n                value={(vms as any)[prop]}\r\n                required={required}\r\n                description={desc}\r\n                placeholder={desc}\r\n                onChange={(ev, v) => {\r\n                    setVms({ ...vms!, [prop]: v });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    const save = () => {\r\n        (vms!.id ? app.api.saveVms(vms!) : app.api.createVms(vms!))\r\n            .then(_ => {\r\n                setWorking(false);\r\n                app.setAppMessage({ text: \"Vms and sync settings updated\" });\r\n                dismiss(_);\r\n            })\r\n            .catch(async err => {\r\n                setWorking(false);\r\n                app.setAppMessage({ text: await getError(err) });\r\n            });\r\n    }\r\n\r\n    const getVmsSyncSetting = (e: VmsSyncEntities): IVmsSyncSetting => {\r\n        let s = vms!.syncSettings.find(_ => _.syncType === e);\r\n        return s\r\n            ? s\r\n            : {\r\n                inActive: true,\r\n                intervalInMinutes: 60 * 24,\r\n                syncType: e\r\n            }\r\n    }\r\n\r\n    const setVmsSyncSetting = (setting: IVmsSyncSetting) => {\r\n        let _settings = vms!.syncSettings.slice().filter(_ => _.syncType !== setting.syncType);\r\n\r\n        setVms({\r\n            ...vms!,\r\n            syncSettings: [..._settings, setting]\r\n        });\r\n    }\r\n\r\n    const isValid = () => {\r\n        let valid = true;\r\n\r\n        vms?.syncSettings.forEach(s => {\r\n            if (!s.inActive && s.intervalInMinutes < 30) {\r\n                valid = false;\r\n            }\r\n        });\r\n\r\n        return valid;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            if (_vms) {\r\n                setVms(_vms);\r\n            }\r\n            else {\r\n                setVms({\r\n                    inActive: true,\r\n                    provider: VmsProviders.Dataloy,\r\n                    authType: RestAuthTypes.OAuth2,\r\n                    syncSettings: [],\r\n                    allowWebHooks: false\r\n                });\r\n            }\r\n        }\r\n        else {\r\n            setVms(undefined);\r\n        }\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!vms) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={working}\r\n            title=\"Vms and sync settings\"\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"450px\"\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faCogs} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: working || !isValid(),\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n\r\n            <Body>\r\n                <Section>\r\n                    <AppPanelSubHeaderNew title=\"Vms settings\" />\r\n                    <Toggle\r\n                        style={{ marginBottom: \"10px\" }}\r\n                        checked={!vms.inActive}\r\n                        offText=\"Disabled\"\r\n                        onText=\"Active\"\r\n                        onChange={(ev, checked) => {\r\n                            setVms({ ...vms, inActive: checked ? !checked : true });\r\n                        }}\r\n                    />\r\n                    <InputWithDescription description=\"Vms provider\" defaultDescription>\r\n                        <Dropdown\r\n                            required\r\n                            placeholder=\"Select Vms provider\"\r\n                            options={convertToKeyValuePair(VmsProviders, undefined, [50])}\r\n                            selectedKey={vms.provider}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVms({ ...vms, provider: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                    <InputWithDescription description=\"Authentication\" defaultDescription>\r\n                        <Dropdown\r\n                            required\r\n                            placeholder=\"Select authentication\"\r\n                            options={convertToKeyValuePair(RestAuthTypes)}\r\n                            selectedKey={vms.authType}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVms({ ...vms, authType: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    {txt(\"Endpoint\", \"apiEndPoint\", true)}\r\n                    {txt(\"Authentication endpoint\", \"apiAuthEndPoint\")}\r\n\r\n                    {vms.authType === RestAuthTypes.ApiKey &&\r\n                        txt(\"Api key\", \"apiKey\", true)\r\n                    }\r\n\r\n                    {(vms.authType === RestAuthTypes.Basic) &&\r\n                        <>\r\n                            {txt(\"Username\", \"apiUsername\", true)}\r\n                            {txt(\"Password\", \"apiPassword\", true, \"password\")}\r\n                        </>\r\n                    }\r\n\r\n                    {vms.authType === RestAuthTypes.OAuth2 &&\r\n                        <>\r\n                            {txt(\"Client id\", \"apiClientId\", true)}\r\n                            {txt(\"Client secret\", \"apiClientSecret\", true, \"password\")}\r\n                            {txt(\"Audience\", \"apiAudience\")}\r\n                            {txt(\"Grant type\", \"apiGrantType\")}\r\n                        </>\r\n                    }\r\n                </Section>\r\n\r\n                <Section>\r\n                    <AppPanelSubHeaderNew title=\"Sync settings\" />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.Vessel}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.Vessel)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.Partner}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.Partner)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.Voyage}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.Voyage)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.PortCall}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.PortCall)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.Cargo}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.Cargo)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.CargoPort}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.CargoPort)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    <VmsSyncSetting\r\n                        type={VmsSyncEntities.Trade}\r\n                        setting={getVmsSyncSetting(VmsSyncEntities.Trade)}\r\n                        onChange={_ => setVmsSyncSetting(_)}\r\n                    />\r\n                    {/* <div style={{ margin: \"15px 0 0 30px\" }}>\r\n                        <Toggle\r\n                            onText=\"Allow webhooks\"\r\n                            offText=\"Deny webhooks\"\r\n                            checked={vms.allowWebHooks}\r\n                            onChange={(ev, checked) => {\r\n                                setVms({ ...vms, allowWebHooks: checked ? checked : false });\r\n                            }}\r\n                        />\r\n                    </div> */}\r\n\r\n                    <div className=\"divider\" />\r\n\r\n                    <Checkbox\r\n                        label=\"Sync port calls with cargo qty zero\"\r\n                        checked={vms.syncPortCallsWithZeroCargo}\r\n                        onChange={(ev, checked) => {\r\n                            setVms({\r\n                                ...vms,\r\n                                syncPortCallsWithZeroCargo: checked ? checked : false\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <div className=\"divider\" />\r\n\r\n                    <div>\r\n                        Never de-activate port calls with the following reason for calls even if no cargo ports are present\r\n                    </div>\r\n\r\n                    <CbxList>\r\n                        {rfcs?.filter(rfc => rfc.name.toLowerCase() !== \"unknown\").map(rfc => {\r\n                            return (\r\n                                <Checkbox\r\n                                    key={rfc.id}\r\n                                    label={rfc.name}\r\n                                    checked={convertStringToNumArray(\",\", vms.alwaysIncludeReasonForCallIds).indexOf(rfc.id) >= 0}\r\n                                    onChange={(ev, checked) => {\r\n                                        let selected = convertStringToNumArray(\",\", vms.alwaysIncludeReasonForCallIds);\r\n\r\n                                        if (checked) {\r\n                                            selected = [...selected, rfc.id];\r\n                                        }\r\n                                        else {\r\n                                            selected = selected.filter(_ => _ !== rfc.id);\r\n                                        }\r\n\r\n                                        setVms({\r\n                                            ...vms,\r\n                                            alwaysIncludeReasonForCallIds: selected.join(\",\")\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            );\r\n                        })}\r\n                    </CbxList>\r\n                </Section>\r\n\r\n                <Section>\r\n                    <AppPanelSubHeaderNew title=\"Push data to VMS\" />\r\n                    <CbxAndTxt\r\n                        txtProps={{\r\n                            description: \"Arrived code. E.g. ARR.\"\r\n                        }}\r\n                        val={{\r\n                            checked: vms.pushSettings?.arrived ? vms.pushSettings?.arrived : false,\r\n                            value: vms.pushSettings?.arrivedCode ? vms.pushSettings?.arrivedCode : \"\",\r\n                        }}\r\n                        onChange={_ => {\r\n                            setVms({\r\n                                ...vms,\r\n                                pushSettings: {\r\n                                    ...vms.pushSettings,\r\n                                    arrived: _.checked,\r\n                                    arrivedCode: _.value\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                    <CbxAndTxt\r\n                        txtProps={{\r\n                            description: \"Berthed code. E.g. BRT.\"\r\n                        }}\r\n                        val={{\r\n                            checked: vms.pushSettings?.berthed ? vms.pushSettings?.berthed : false,\r\n                            value: vms.pushSettings?.berthedCode ? vms.pushSettings?.berthedCode : \"\",\r\n                        }}\r\n                        onChange={_ => {\r\n                            setVms({\r\n                                ...vms,\r\n                                pushSettings: {\r\n                                    ...vms.pushSettings,\r\n                                    berthed: _.checked,\r\n                                    berthedCode: _.value\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                    <CbxAndTxt\r\n                        txtProps={{\r\n                            description: \"Berth departed code. E.g. UBRT.\"\r\n                        }}\r\n                        val={{\r\n                            checked: vms.pushSettings?.berthDeparted ? vms.pushSettings?.berthDeparted : false,\r\n                            value: vms.pushSettings?.berthDepartedCode ? vms.pushSettings?.berthDepartedCode : \"\",\r\n                        }}\r\n                        onChange={_ => {\r\n                            setVms({\r\n                                ...vms,\r\n                                pushSettings: {\r\n                                    ...vms.pushSettings,\r\n                                    berthDeparted: _.checked,\r\n                                    berthDepartedCode: _.value\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                    <CbxAndTxt\r\n                        txtProps={{\r\n                            description: \"Departed code. E.g. DEP.\"\r\n                        }}\r\n                        val={{\r\n                            checked: vms.pushSettings?.departed ? vms.pushSettings?.departed : false,\r\n                            value: vms.pushSettings?.departedCode ? vms.pushSettings?.departedCode : \"\",\r\n                        }}\r\n                        onChange={_ => {\r\n                            setVms({\r\n                                ...vms,\r\n                                pushSettings: {\r\n                                    ...vms.pushSettings,\r\n                                    departed: _.checked,\r\n                                    departedCode: _.value\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                    <CbxAndTxt\r\n                        txtProps={{\r\n                            description: \"Nor tendered code.\"\r\n                        }}\r\n                        val={{\r\n                            checked: vms.pushSettings?.norTendered ? vms.pushSettings?.norTendered : false,\r\n                            value: vms.pushSettings?.norTenderedCode ? vms.pushSettings?.norTenderedCode : \"\",\r\n                        }}\r\n                        onChange={_ => {\r\n                            setVms({\r\n                                ...vms,\r\n                                pushSettings: {\r\n                                    ...vms.pushSettings,\r\n                                    norTendered: _.checked,\r\n                                    norTenderedCode: _.value\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                </Section>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { OnOffSwitch } from \"../../../../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { IVms } from \"../../../../../interfaces/IVms\";\r\nimport { VmsProviders } from \"../../../../../_enums/VmsProviders\";\r\nimport { EditVmsSettingsPanel } from \"./EditVmsSettingPanel\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .item {\r\n        >div {\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CompanyVmsSettings = () => {\r\n    const { app } = useAppContext();\r\n    const [fetching, setFetching] = useState(true);\r\n    const [editOpen, setEditOpen] = useState(false);\r\n    const [vms, setVms] = useState<IVms | undefined>();\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            app.api.getVms()\r\n                .then(_ => {\r\n                    if (_) {\r\n                        setVms(_);\r\n                    }\r\n                    setFetching(false);\r\n                })\r\n                .catch(err => {\r\n                    console.log(err);\r\n                    setFetching(false);\r\n                })\r\n        }\r\n    }, [fetching])\r\n\r\n    return (\r\n        <Card\r\n            title=\"Vms and sync\"\r\n            height=\"100%\"\r\n            loading={fetching}\r\n            actions={[\r\n                {\r\n                    title: \"Edit Vms and sync settings\",\r\n                    icon: <FontAwesomeIcon icon={faEdit} />,\r\n                    onClick: () => setEditOpen(true)\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    <OnOffSwitch on={vms && vms.inActive === false} />\r\n                </div>\r\n                {vms\r\n                    ?\r\n                    <>\r\n                        <div className=\"item\">\r\n                            <div>\r\n                                {VmsProviders[vms.provider]}\r\n                            </div>\r\n                            <div>\r\n                                Provider\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"item\">\r\n                            <div>\r\n                                {vms.apiEndPoint}\r\n                            </div>\r\n                            <div>\r\n                                End point\r\n                            </div>\r\n                        </div>\r\n                    </>\r\n                    :\r\n                    <div className=\"item\">\r\n                        <div>\r\n                            Not configured\r\n                        </div>\r\n                        <div>\r\n                            Status\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </Body>\r\n\r\n            <EditVmsSettingsPanel\r\n                vms={vms}\r\n                isOpen={editOpen}\r\n                dismiss={_ => {\r\n                    setEditOpen(false)\r\n                    if (_) {\r\n                        setVms(_)\r\n                    }\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon, PanelType, TextField, Toggle } from \"@fluentui/react\";\r\nimport { faExclamation, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { IOffice365Settings } from \"../../../../../interfaces/IOffice365Settings\";\r\nimport { useRoles } from \"../../../../../hooks/useRoles\";\r\nimport { CompanyRoles } from \"../../../../../_enums/CompanyRoles\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px 35px;\r\n\r\n    >div {\r\n        margin: 0 0 10px;\r\n    }\r\n\r\n    .toggles {\r\n        display: flex;\r\n        margin: 0 -5px 20px;\r\n\r\n        >div {\r\n            margin: 0 5px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst SecretMessage = styled.div`\r\n    color: red;\r\n`;\r\n//#endregion\r\n\r\nexport const EditOffice365SettingsPanel: React.FC<{ isOpen: boolean, dismiss: () => void }> = ({ isOpen, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const [settings, setSettings] = useState<IOffice365Settings | undefined>();\r\n    const { company, setCompany } = useCompanyProvider();\r\n    const { getError } = useRest();\r\n    const { hasCompanyRole } = useRoles();\r\n\r\n    const txt = (desc: string, prop: string, required: boolean = false, disabled: boolean = false, txtType: string = \"text\", title: string = \"\", placeholder: string = \"\", key = uuidv4()) => {\r\n        return (\r\n            <TextField\r\n                key={key}\r\n                autoComplete={key ? key : \"off\"}\r\n                disabled={disabled}\r\n                type={txtType}\r\n                title={title}\r\n                canRevealPassword={false}\r\n                value={(settings as any)[prop]}\r\n                required={required}\r\n                description={desc}\r\n                placeholder={placeholder ? placeholder : desc}\r\n                onChange={(ev, v) => {\r\n                    setSettings({ ...settings!, [prop]: v });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    const save = () => {\r\n        app.api.updateCompanyOffice365Settings(company.id, settings!)\r\n            .then(_ => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: \"Office 365 settings saved\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n\r\n                setCompany({ ...company!, office365Settings: _ });\r\n                dismiss();\r\n            })\r\n            .catch(async err => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    icon: <FontAwesomeIcon icon={faExclamation} />\r\n                });\r\n            })\r\n    }\r\n\r\n    const isEmpty = (s?: string) => {\r\n        return !s || s.trim().length === 0 ? true : false;\r\n    }\r\n\r\n    const isValid = () => {\r\n        let valid = true;\r\n        let props = [\"hostname\", \"tenantId\", \"siteCollectionPath\"];\r\n\r\n        props.forEach(p => {\r\n            if (isEmpty((settings as any)[p])) {\r\n                valid = false;\r\n            }\r\n        });\r\n\r\n        return valid;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        setSettings(company && company.office365Settings ? company.office365Settings : {\r\n            active: true\r\n        });\r\n    }, [isOpen])\r\n\r\n    if (!settings) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={saving}\r\n            title=\"Office 365 settings\"\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            dismiss={() => dismiss()}\r\n            icon={<Icon iconName=\"OfficeLogo\" />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: saving || !isValid(),\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss(),\r\n                    disabled: saving\r\n                }\r\n            ]}\r\n        >\r\n\r\n            <Body>\r\n                <div className=\"toggles\">\r\n                    <Toggle\r\n                        checked={settings?.active}\r\n                        offText=\"Disabled\"\r\n                        onText=\"Active\"\r\n                        onChange={(ev, checked) => {\r\n                            setSettings({ ...settings, active: checked ? checked : false });\r\n                        }}\r\n                    />\r\n                </div>\r\n\r\n                {txt(\"Hostname\", \"hostname\", true)}\r\n                {txt(\"Tenant id\", \"tenantId\", true)}\r\n                {txt(\"Site collection path\", \"siteCollectionPath\", true)}\r\n                {txt(\"Email accounts\", \"emailAccounts\", false, !hasCompanyRole(CompanyRoles.CompanyAdmin, app.currentCustomerRole.customer, app.me.customerRoles), \"text\", \"Separate multiple addresses with comma or semicolon. Logged in user must have Send On Behalf permissions to the accounts defined here\")}\r\n                {txt(\"Client id\", \"clientId\")}\r\n                {txt(\"Client secret\", \"clientSecret\", false, false, \"password\", undefined, \"Client secret (leave blank to keep current secret)\", \"new-password\")}\r\n\r\n                {settings.clientSecret && settings.clientSecret.length > 0 &&\r\n                    <SecretMessage>\r\n                        You're about to update the client secret. To keep the secret unchanged, leave this field blank\r\n                    </SecretMessage>\r\n                }\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { OnOffSwitch } from \"../../../../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { EditOffice365SettingsPanel } from \"./EditOffice365SettingsPanel\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .item {\r\n        >div {\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CompanyOffice365Settings = () => {\r\n    const [editOpen, setEditOpen] = useState(false);\r\n    const { company } = useCompanyProvider();\r\n\r\n    return (\r\n        <Card\r\n            title=\"Office 365\"\r\n            height=\"100%\"\r\n            loading={!company}\r\n            actions={[\r\n                {\r\n                    title: \"Edit Office 365\",\r\n                    icon: <FontAwesomeIcon icon={faEdit} />,\r\n                    onClick: () => setEditOpen(true)\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                {company &&\r\n                    <>\r\n                        <div>\r\n                            <OnOffSwitch on={company.office365Settings && company.office365Settings.active} />\r\n                        </div>\r\n                        {company.office365Settings\r\n                            ?\r\n                            <>\r\n                                <div className=\"item\">\r\n                                    <div>\r\n                                        {company.office365Settings?.hostname}\r\n                                    </div>\r\n                                    <div>\r\n                                        Hostname\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"item\">\r\n                                    <div>\r\n                                        {company.office365Settings?.siteCollectionPath}\r\n                                    </div>\r\n                                    <div>\r\n                                        Site collection\r\n                                    </div>\r\n                                </div>\r\n                            </>\r\n                            :\r\n                            <div className=\"item\">\r\n                                <div>\r\n                                    Not configured\r\n                                </div>\r\n                                <div>\r\n                                    Status\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </>\r\n                }\r\n            </Body>\r\n\r\n            <EditOffice365SettingsPanel\r\n                isOpen={editOpen}\r\n                dismiss={() => setEditOpen(false)}\r\n            />\r\n        </Card>\r\n    );\r\n};","export enum VoyageReportTypes {\r\n    Simple = 1,\r\n    Standard = 10\r\n}","export enum VoyageReportCountType {\r\n    BallastPortArrival = 10,\r\n    BallastPortDeparture = 20,\r\n    FirstPortArrival = 30,\r\n    FirstPortDeparture = 40,\r\n    LastPortArrival = 50,\r\n    LastPortDeparture = 60,\r\n    NextVoyageFirstPortArrival = 70,\r\n    NextVoyageSecondPortArrival = 200\r\n}","export enum VoyageReportTotalsType {\r\n    ArrivalFirstBerthAndDepartureLastBerth = 10,\r\n    EospAndSosp = 20\r\n}","export enum VoyageReportConsumptionType {\r\n    RemainingOnBoard = 1,\r\n    Consumption = 10\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Dropdown, PanelType, TextField } from \"@fluentui/react\";\r\nimport { faCogs, faExclamation, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { ICompanySettings } from \"../../../../../interfaces/ICompanySettings\";\r\nimport { VoyageReportTypes } from \"../../../../../_enums/VoyageReportTypes\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { IVoyageReportSettings } from \"../../../../../interfaces/IVoyageReportSettings\";\r\nimport { VoyageReportCountType } from \"../../../../../_enums/VoyageReportCountType\";\r\nimport { VoyageReportTotalsType } from \"../../../../../_enums/VoyageReportTotalsType\";\r\nimport { VoyageReportConsumptionType } from \"../../../../../_enums/VoyageReportConsumptionType\";\r\nimport { useAppProvider } from \"../../../../../contextHooks/AppContext\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin-bottom: 25px;\r\n\r\n        >div {\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditBaseSettings: React.FC<{ isOpen: boolean, dismiss: () => void }> = ({ isOpen, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { currentCompanyRole, setCurrentCompanyRole } = useAppProvider();\r\n    const { company, setCompany } = useCompanyProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { getError } = useRest();\r\n    const [saving, setSaving] = useState(false);\r\n    const [settings, setSettings] = useState<ICompanySettings | undefined>();\r\n    const [voyageReportSettings, setVoyageReportSettings] = useState<IVoyageReportSettings | undefined>();\r\n\r\n    const txt = (desc: string, prop: string, maxLength?: number, required: boolean = false, disabled: boolean = false, txtType: string = \"text\", title: string = \"\") => {\r\n        return (\r\n            <TextField\r\n                autoComplete=\"off\"\r\n                maxLength={maxLength}\r\n                disabled={disabled}\r\n                type={txtType}\r\n                title={title}\r\n                canRevealPassword={true}\r\n                value={(settings as any)[prop]}\r\n                required={required}\r\n                description={desc}\r\n                placeholder={desc}\r\n                onChange={(ev, v) => {\r\n                    setSettings({ ...settings!, [prop]: v });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    const save = () => {\r\n        let promises: Promise<any>[] = [\r\n            app.api.updateCompanySettings(company.id, settings!),\r\n            app.api.updateCompanyVoyageReportSettings(company.id, voyageReportSettings!)\r\n        ];\r\n\r\n        Promise.all(promises)\r\n            .then(_ => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: \"Misc settings saved\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n\r\n                setCompany({\r\n                    ...company!,\r\n                    settings: _[0],\r\n                    voyageReportSettings: _[1]\r\n                });\r\n\r\n                // Deprecated\r\n                // Update the customer selected role\r\n                app.updateRole({\r\n                    ...app.currentCustomerRole,\r\n                    customer: {\r\n                        ...app.currentCustomerRole.customer,\r\n                        settings: _[0],\r\n                        voyageReportSettings: _[1]\r\n                    }\r\n                });\r\n\r\n                // New\r\n                // Update the customer role in \r\n                setCurrentCompanyRole({\r\n                    ...currentCompanyRole!,\r\n                    customer: {\r\n                        ...currentCompanyRole!.customer,\r\n                        settings: _[0],\r\n                        voyageReportSettings: _[1]\r\n                    }\r\n                });\r\n\r\n                dismiss();\r\n            }).catch(async err => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    icon: <FontAwesomeIcon icon={faExclamation} />\r\n                });\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        setSettings(company && company.settings ? company.settings : {\r\n            esignActive: false,\r\n            voyageReportType: VoyageReportTypes.Standard,\r\n            sendFixtureCompleteEmailToDemurrage: false,\r\n            enforceReasonForCall: false,\r\n            zeroConsumptionDwhPortcallIsError: false\r\n        });\r\n        setVoyageReportSettings(company && company.voyageReportSettings ? company.voyageReportSettings : {\r\n            start: VoyageReportCountType.BallastPortDeparture,\r\n            end: VoyageReportCountType.LastPortDeparture,\r\n            totalsType: VoyageReportTotalsType.ArrivalFirstBerthAndDepartureLastBerth,\r\n            consumptionType: VoyageReportConsumptionType.RemainingOnBoard\r\n        });\r\n    }, [isOpen])\r\n\r\n    if (!settings || !voyageReportSettings) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={saving}\r\n            title=\"Misc settings\"\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faCogs} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: saving,\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss(),\r\n                    disabled: saving\r\n                }\r\n            ]}\r\n        >\r\n\r\n            <Body>\r\n                <div>\r\n                    <AppPanelSubHeaderNew title=\"Voyage generator pattern\" />\r\n                    <div>\r\n                        Voyage generator pattern is used when generating new voyage numbers. Y references year, V references vessel company id, S references auto incrementing serial number.\r\n                    </div>\r\n                    <div>\r\n                        The following pattern \"YYYYVVVSSS\" will produce \"{DateTime.now().year}031001\", where {DateTime.now().year} is current year, 31 is the vessel company id padded with zero, and 001 is the first voyage for current year padded with 0.\r\n                    </div>\r\n                    {txt(\"Voyage generator pattern (max 10 characters)\", \"voyageGeneratorPattern\", 10)}\r\n                </div>\r\n\r\n                <div>\r\n                    <AppPanelSubHeaderNew title=\"Voyage report settings\" />\r\n                    <InputWithDescription description=\"Start from\" defaultDescription>\r\n                        <Dropdown\r\n                            selectedKey={voyageReportSettings.start}\r\n                            options={convertToKeyValuePair(VoyageReportCountType, [50, 60, 70, 200])}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVoyageReportSettings({ ...voyageReportSettings, start: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <InputWithDescription description=\"End at\" defaultDescription>\r\n                        <Dropdown\r\n                            selectedKey={voyageReportSettings.end}\r\n                            options={convertToKeyValuePair(VoyageReportCountType, [10, 20, 30, 40])}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVoyageReportSettings({ ...voyageReportSettings, end: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <InputWithDescription description=\"In Port and At Sea totals\" defaultDescription>\r\n                        <Dropdown\r\n                            selectedKey={voyageReportSettings.totalsType}\r\n                            options={convertToKeyValuePair(VoyageReportTotalsType)}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVoyageReportSettings({ ...voyageReportSettings, totalsType: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <InputWithDescription description=\"Calculate consumption based on\" defaultDescription>\r\n                        <Dropdown\r\n                            selectedKey={voyageReportSettings.consumptionType}\r\n                            options={convertToKeyValuePair(VoyageReportConsumptionType)}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setVoyageReportSettings({ ...voyageReportSettings, consumptionType: Number(item.key) });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                </div>\r\n\r\n                <div>\r\n                    <AppPanelSubHeaderNew title=\"Misc settings\" />\r\n                    <CbxList>\r\n                        <Checkbox\r\n                            label=\"Use voyage reference instead of voyage number\"\r\n                            checked={settings.useVoyageReference}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({\r\n                                    ...settings,\r\n                                    useVoyageReference: checked ? checked : false\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Send fixture complete email to demurrage email\"\r\n                            checked={settings.sendFixtureCompleteEmailToDemurrage}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({\r\n                                    ...settings,\r\n                                    sendFixtureCompleteEmailToDemurrage: checked ? checked : false\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Enforce cargo when reasons for call include loading or discharging\"\r\n                            checked={settings.enforceReasonForCall}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({\r\n                                    ...settings,\r\n                                    enforceReasonForCall: checked ? checked : false\r\n                                });\r\n                            }}\r\n                        />\r\n\r\n                        <Checkbox\r\n                            label=\"Mark portcalls with zero consumption as an error\"\r\n                            checked={settings.zeroConsumptionDwhPortcallIsError}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({\r\n                                    ...settings,\r\n                                    zeroConsumptionDwhPortcallIsError: checked ? checked : false\r\n                                });\r\n                            }}\r\n                        />\r\n                    </CbxList>\r\n                </div>\r\n\r\n                {/* <Restricted hideRestrictedMessage requiredSystemRole={SystemRoles.GlobalAdmin}>\r\n                    <Header>\r\n                        Report measurement (Only visible for system admins)\r\n                    </Header>\r\n                    <div>\r\n                        Measurement used in log and bunker delivery reports (NB should be MT only)\r\n                    </div>\r\n                    <AppSearchBox\r\n                        required\r\n                        description=\"Measurement\"\r\n                        placeHolder=\"Search\"\r\n                        endPoint=\"measurements/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={1}\r\n                        defaultValue={settings.reportMeasurement}\r\n                        onSelected={_ => {\r\n                            setSettings({ ...settings!, reportMeasurement: _ });\r\n                        }}\r\n                    />\r\n                </Restricted> */}\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { EditBaseSettings } from \"./EditBaseSettings\";\r\nimport { VoyageReportCountType } from \"../../../../../_enums/VoyageReportCountType\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .item {\r\n        >div {\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CompanyBaseSettings = () => {\r\n    const [editOpen, setEditOpen] = useState(false);\r\n    const { company } = useCompanyProvider();\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    return (\r\n        <Card\r\n            title=\"Misc settings\"\r\n            height=\"100%\"\r\n            loading={!company}\r\n            actions={[\r\n                {\r\n                    title: \"Edit settings\",\r\n                    icon: <FontAwesomeIcon icon={faEdit} />,\r\n                    onClick: () => setEditOpen(true)\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                {company &&\r\n                    <>\r\n                        {company.settings\r\n                            ?\r\n                            <>\r\n                                <div className=\"item\">\r\n                                    <div>\r\n                                        {company.settings.voyageGeneratorPattern && company.settings.voyageGeneratorPattern.length > 0 ? company.settings.voyageGeneratorPattern : \"n/a\"}\r\n                                    </div>\r\n                                    <div>\r\n                                        Voyage generator pattern\r\n                                    </div>\r\n                                </div>\r\n                                {/* <div className=\"item\">\r\n                                    <div>\r\n                                        {company.settings.reportMeasurement ? company.settings.reportMeasurement.name : \"n/a\"}\r\n                                    </div>\r\n                                    <div>\r\n                                        Report measurement\r\n                                    </div>\r\n                                </div> */}\r\n                            </>\r\n                            :\r\n                            <div className=\"item\">\r\n                                <div>\r\n                                    No settings defined\r\n                                </div>\r\n                                <div>\r\n                                    Status\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        {company.voyageReportSettings\r\n                            ?\r\n                            <>\r\n                                <div className=\"item\">\r\n                                    <div>\r\n                                        {splitCamlCase(VoyageReportCountType[company.voyageReportSettings.start])} / {splitCamlCase(VoyageReportCountType[company.voyageReportSettings.end])}\r\n                                    </div>\r\n                                    <div>\r\n                                        Voyage report start from / end at\r\n                                    </div>\r\n                                </div>\r\n                            </>\r\n                            :\r\n                            <div className=\"item\">\r\n                                <div>\r\n                                    No voyage report settings defined\r\n                                </div>\r\n                                <div>\r\n                                    Voyage report start from / end at\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </>\r\n                }\r\n            </Body>\r\n\r\n            <EditBaseSettings\r\n                isOpen={editOpen}\r\n                dismiss={() => setEditOpen(false)}\r\n            />\r\n        </Card>\r\n    );\r\n};","export enum ComposeEmailAction {\r\n    New = 1,\r\n    Reply = 10,\r\n    ReplayAll = 20,\r\n    Forward = 30\r\n}","export enum EmailDirection {\r\n    In = 1,\r\n    Out = 2\r\n}","export enum EmailStatus {\r\n    Scheduled = 1,\r\n    Queued = 5,\r\n    Sent = 10,\r\n    Received = 20,\r\n    Error = 100,\r\n    Cancelled = 200\r\n}","import React from \"react\";\r\nimport { faReply, faReplyAll, faForward, faEnvelope } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IEmail, IEmailAddress, IEmailContainer } from \"../interfaces/IEmail\";\r\nimport { ComposeEmailAction } from \"../_enums/ComposeEmailAction\";\r\nimport { EmailDirection } from \"../_enums/EmailDirection\";\r\nimport { EmailStatus } from \"../_enums/EmailStatus\";\r\nimport { useStringFunctions } from \"./useStringFunctions\";\r\n\r\nexport const useEmailFunctions = () => {\r\n    const { splitBy } = useStringFunctions();\r\n\r\n    const getSenders = (userEmail?: string, emailAccounts?: string) => {\r\n        let senders = emailAccounts ? [...splitBy(emailAccounts, /,|;/)] : [];\r\n        if (userEmail && userEmail.trim().length > 0) {\r\n            senders.push(userEmail.trim());\r\n        }\r\n        return senders.sort((a, b) => { return a.trim() > b.trim() ? 1 : -1; });\r\n    }\r\n\r\n    const getIcon = (action: ComposeEmailAction) => {\r\n        switch (action) {\r\n            case ComposeEmailAction.Reply:\r\n                return <FontAwesomeIcon icon={faReply} />;\r\n            case ComposeEmailAction.ReplayAll:\r\n                return <FontAwesomeIcon icon={faReplyAll} />;\r\n            case ComposeEmailAction.Forward:\r\n                return <FontAwesomeIcon icon={faForward} />;\r\n            default:\r\n                return <FontAwesomeIcon icon={faEnvelope} />;\r\n        }\r\n    }\r\n\r\n    const getTitle = (action: ComposeEmailAction, sourceEmail?: IEmail): JSX.Element => {\r\n        switch (action) {\r\n            case ComposeEmailAction.Reply:\r\n                return <span><span style={{ fontWeight: 100 }}>Reply </span>{sourceEmail?.from.emailAddress.name}</span>;\r\n            case ComposeEmailAction.ReplayAll:\r\n                return <span><span style={{ fontWeight: 100 }}>Reply </span>all</span>;\r\n            case ComposeEmailAction.Forward:\r\n                return <span><span style={{ fontWeight: 100 }}>Forward </span> email</span>;\r\n            default:\r\n                return <span><span style={{ fontWeight: 100 }}>New </span>email</span>;\r\n        }\r\n    }\r\n\r\n    const createEmptyEmail = (sender: IEmailAddress): IEmail => {\r\n        return {\r\n            \"@odata.context\": \"\",\r\n            \"@odata.etag\": \"\",\r\n            id: \"\",\r\n            dbId: 0,\r\n            receivedDateTime: new Date(),\r\n            sentDateTime: new Date(),\r\n            hasAttachments: false,\r\n            subject: \"\",\r\n            bodyPreview: \"\",\r\n            webLink: \"\",\r\n            toRecipients: [],\r\n            ccRecipients: [],\r\n            bccRecipients: [],\r\n            replyTo: [],\r\n            body: {\r\n                content: \"\",\r\n                contentType: \"html\"\r\n            },\r\n            sender: {\r\n                emailAddress: sender\r\n            },\r\n            from: {\r\n                emailAddress: sender\r\n            },\r\n            direction: EmailDirection.Out,\r\n            status: EmailStatus.Queued\r\n        }\r\n    }\r\n\r\n    const createReply = (email: IEmail, sender: IEmailAddress, sourceEmail: IEmail) => {\r\n        email.sender = { emailAddress: sender };\r\n        email.from = { emailAddress: sender };\r\n        email.toRecipients = [sourceEmail.from];\r\n        email.subject = \"RE: \" + sourceEmail.subject;\r\n        email.body.content = \"<br /><br /><br /><br />\" + sourceEmail.body.content;\r\n\r\n        return email;\r\n    }\r\n\r\n    const createReplyAll = (email: IEmail, sender: IEmailAddress, sourceEmail: IEmail) => {\r\n        email.sender = { emailAddress: sender };\r\n        email.from = { emailAddress: sender };\r\n        email.subject = \"RE: \" + sourceEmail.subject;\r\n        email.body.content = \"<br /><br /><br /><br />\" + sourceEmail.body.content;\r\n\r\n        email.toRecipients = [sourceEmail.from, ...sourceEmail.toRecipients]\r\n        if (sourceEmail.ccRecipients) {\r\n            email.toRecipients.push(...sourceEmail.ccRecipients);\r\n        }\r\n\r\n        return email;\r\n    }\r\n\r\n    const createForward = (email: IEmail, sender: IEmailAddress, sourceEmail: IEmail) => {\r\n        email.sender = { emailAddress: sender };\r\n        email.from = { emailAddress: sender };\r\n        email.subject = \"FW: \" + sourceEmail.subject;\r\n        email.body.content = \"<br /><br /><br /><br />\" + sourceEmail.body.content;\r\n\r\n        return email;\r\n    }\r\n\r\n    const createEmail = (action: ComposeEmailAction, sender: IEmailAddress, sourceEmail?: IEmail, subject?: string, mailSignature?: string): IEmail => {\r\n        let email = createEmptyEmail(sender);\r\n        switch (action) {\r\n            case ComposeEmailAction.Reply:\r\n                return createReply(email, sender, sourceEmail!);\r\n            case ComposeEmailAction.ReplayAll:\r\n                return createReplyAll(email, sender, sourceEmail!);\r\n            case ComposeEmailAction.Forward:\r\n                return createForward(email, sender, sourceEmail!);\r\n            case ComposeEmailAction.New:\r\n                email = {\r\n                    ...email,\r\n                    subject: subject ? subject : \"\",\r\n                    body: {\r\n                        content: mailSignature ? `<p><br /></p><p><br /></p><p><br /></p>${mailSignature}<p><br /></p><p><br /></p>` : \"\",\r\n                        contentType: \"html\"\r\n                    },\r\n                };\r\n                return email;\r\n            default:\r\n                return email;\r\n        }\r\n    }\r\n\r\n    const isValid = (emailAddress?: string): boolean => {\r\n        var emailReg = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/;\r\n\r\n        if (!emailAddress || !emailReg.test(emailAddress)) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    const mapContainersToEmails = (emailContainers: IEmailContainer[]): IEmail[] => {\r\n        return emailContainers.map((_: IEmailContainer) => {\r\n            let email: IEmail = {\r\n                ..._.emailObject,\r\n                dbId: _.id,\r\n                direction: _.direction,\r\n                status: _.status,\r\n                scheduledSend: _.scheduledSend,\r\n                sendAsCustomer: _.sendAsCustomer,\r\n                serviceBusSequence: _.serviceBusSequence,\r\n                attachments: _.attachments?.map(a => {\r\n                    return {\r\n                        ...a.emailAttachmentObject,\r\n                        dbId: a.id,\r\n                        name: a.emailAttachmentObject ? a.emailAttachmentObject.name : a.name,\r\n                        displayName: a.displayName,\r\n                        size: a.emailAttachmentObject ? a.emailAttachmentObject.size : a.size,\r\n                        contentType: a.emailAttachmentObject ? a.emailAttachmentObject.contentType : a.contentType\r\n                    }\r\n                })\r\n            }\r\n            return email;\r\n        });\r\n    }\r\n\r\n    return { createEmail, getIcon, getSenders, getTitle, isValid, mapContainersToEmails };\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Callout, DirectionalHint, ITextField, TextField } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useScrollFunctions } from \"../../hooks/useScrollIntoView\";\r\nimport { IAdditionalQueryParam } from \"../../interfaces/IAdditionalQueryParam\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheckCircle, faLock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ resolved: boolean, padding?: string, containerHeight?: string, borderless?: boolean }>`\r\n    position: relative;\r\n    font-size: 14px;\r\n\r\n    .locked-icon {\r\n        z-index: 1;\r\n        top: 1px;\r\n        right: 1px;\r\n        border-radius: 2px;\r\n        position: absolute;\r\n        color: #ddd;\r\n        font-size: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: white;\r\n        height: 30px;\r\n        width: 32px;\r\n    }\r\n\r\n    .resolved {\r\n        background-color: white;\r\n        border: ${_ => _.borderless ? \"none\" : \"1px solid #605e5c\"};\r\n        border-radius: 2px;\r\n        cursor: pointer;\r\n        display: ${_ => _.resolved ? \"grid\" : \"none\"};\r\n        grid-template-columns: 1fr auto;\r\n        padding: ${_ => _.padding ? _.padding : \"6px 8px 5px\"};\r\n\r\n        .title {\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n            text-transform: capitalize;\r\n        }\r\n\r\n        .icon {\r\n            color: #4177bf;\r\n            padding-left: 12px;\r\n        }\r\n    }\r\n\r\n    .resolved.disabled {\r\n        cursor: default;\r\n        background-color: #f3f2f1;\r\n        border: 1px solid #eee;\r\n        color: #a19f9d;\r\n    }   \r\n\r\n    .resolved.read-only {\r\n        cursor: default;\r\n    }\r\n\r\n    .locked {\r\n        cursor: default;\r\n    }\r\n\r\n    .search {\r\n        display: ${_ => _.resolved ? \"none\" : \"block\"};\r\n        position: relative;\r\n\r\n        .search-animation {\r\n            position: absolute;\r\n            right: 12px;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n        }\r\n    }\r\n\r\n    .description {\r\n        padding: 4px 0 0 2px;\r\n        color: #605e5c;\r\n        font-size: 10px;\r\n    }\r\n`;\r\n\r\nconst Results = styled.div<{ itemPadding?: string, maxHeight?: string, minHeight: string }>`\r\n    overflow-y: auto;\r\n    max-height: ${_ => _.maxHeight ? _.maxHeight : \"undefined\"};\r\n\r\n    .search-result-item {\r\n        padding: ${_ => _.itemPadding ? _.itemPadding : \"0 16px\"};\r\n        border-bottom: 1px solid #eee;\r\n        text-transform: capitalize;\r\n        min-height: ${_ => _.minHeight};\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-direction: column;\r\n        cursor: pointer;\r\n\r\n        .search-result-item-description {\r\n            padding-top: 4px;\r\n            color: #999;\r\n            font-size: 12px;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #4177bf;\r\n            color: white;\r\n\r\n            .search-item-description {\r\n                color: #ccc;\r\n            }\r\n        }\r\n    }\r\n\r\n    .search-result-item.selected {\r\n        background-color: #4177bf;\r\n        color: white;\r\n\r\n        .search-result-item-description {\r\n            color: #ccc;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IAppSearchBoxProps {\r\n    readOnly?: boolean\r\n    locked?: boolean\r\n    description?: string\r\n    endPoint: string\r\n    additionalQueryParams?: IAdditionalQueryParam[]\r\n    keyProp: string\r\n    titleProp: string\r\n    customTitle?: (obj?: any) => any\r\n    onSelected: (_?: any) => void\r\n    minLengthBeforeSearhing: number\r\n    defaultValue?: any\r\n    placeHolder?: string\r\n    disabled?: boolean\r\n    required?: boolean\r\n    title?: string\r\n    maxResultsContainerHeight?: string\r\n    autoFocus?: boolean\r\n    borderless?: boolean\r\n    padding?: string\r\n    itemPadding?: string\r\n    height?: string\r\n    directionalHint?: DirectionalHint\r\n    customResultTitle?: (_: any) => any\r\n    customResultDescription?: (_: any) => any\r\n}\r\n\r\nexport const AppSearchBox: React.FC<IAppSearchBoxProps> = ({\r\n    readOnly,\r\n    locked,\r\n    autoFocus,\r\n    description,\r\n    endPoint,\r\n    additionalQueryParams,\r\n    keyProp,\r\n    titleProp,\r\n    customTitle,\r\n    onSelected,\r\n    minLengthBeforeSearhing,\r\n    defaultValue,\r\n    placeHolder,\r\n    disabled,\r\n    required,\r\n    title,\r\n    maxResultsContainerHeight,\r\n    borderless,\r\n    padding,\r\n    itemPadding,\r\n    height,\r\n    directionalHint,\r\n    customResultTitle,\r\n    customResultDescription\r\n}) => {\r\n    const { app } = useAppContext();\r\n    const [results, setResults] = useState<any[]>([]);\r\n    const [selectedIndex, setSelectedIndex] = useState<number>(-1);\r\n    const [searchString, setSearchString] = useState<string>(\"\");\r\n    const [searchStringChanged, setSearchStringChanged] = useState(false);\r\n    const [searching, setSearching] = useState(false);\r\n    const [lastValue, setLastValue] = useState<any | undefined>();\r\n    const [noResults, setNoResults] = useState(false);\r\n    const [error, setError] = useState<string | undefined>();\r\n    const resultsRef = useRef(null);\r\n    const containerId = useId('search-container');\r\n    const { scrollIntoView } = useScrollFunctions();\r\n    let inputRef: ITextField | null = null;\r\n\r\n    const selectIndex = (next: boolean) => {\r\n        if (!results || results.length === 0) {\r\n            return;\r\n        }\r\n\r\n        var newIndex = 0;\r\n\r\n        if (next) {\r\n            if (selectedIndex === results.length - 1) {\r\n                newIndex = 0;\r\n            }\r\n            else {\r\n                newIndex = selectedIndex + 1;\r\n            }\r\n        }\r\n        else {\r\n            if (selectedIndex === 0) {\r\n                newIndex = results.length - 1;\r\n            }\r\n            else {\r\n                newIndex = selectedIndex - 1;\r\n            }\r\n        }\r\n\r\n        setSelectedIndex(newIndex);\r\n\r\n        if (resultsRef.current) {\r\n            let container: HTMLDivElement = (resultsRef.current as any);\r\n            let selectedResult: HTMLDivElement = (container.children[newIndex] as any);\r\n\r\n            scrollIntoView(container, selectedResult);\r\n        }\r\n    }\r\n\r\n    const keyDown = (_: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n        switch (_.key) {\r\n            case \"Escape\":\r\n                setSelectedIndex(-1);\r\n                setResults([]);\r\n                _.stopPropagation();\r\n                break;\r\n            case \"ArrowUp\":\r\n                selectIndex(false);\r\n                break;\r\n            case \"ArrowDown\":\r\n                selectIndex(true);\r\n                break;\r\n            case \"Enter\":\r\n                select(results[selectedIndex]);\r\n                break;\r\n            case \"Tab\":\r\n                if (selectedIndex >= 0) {\r\n                    select(results[selectedIndex]);\r\n                    break;\r\n                }\r\n        }\r\n    }\r\n\r\n    const select = (_?: any) => {\r\n        setLastValue(undefined);\r\n        onSelected(_);\r\n        setResults([]);\r\n        setSearchString(\"\");\r\n        setNoResults(false);\r\n    }\r\n\r\n    const search = (s: string) => {\r\n        setSelectedIndex(-1);\r\n        app.api.search(endPoint, s, additionalQueryParams)\r\n            .then(_ => {\r\n                setSelectedIndex(0);\r\n                setResults(_);\r\n                setNoResults(_.length === 0 && s.length > 0);\r\n                setSearching(false);\r\n            })\r\n            .catch(_ => {\r\n                setResults([]);\r\n                setError(\"Unable to search\");\r\n                setSearching(false);\r\n            });\r\n    }\r\n\r\n    const resolveData = (path: string, obj: any) => {\r\n        return path.split('.').reduce(function (prev, curr) {\r\n            return prev ? prev[curr] : null\r\n        }, obj)\r\n    }\r\n\r\n    const getTitle = () => {\r\n        if (locked) {\r\n            return \"Field is locked\";\r\n        }\r\n\r\n        if (readOnly) {\r\n            return \"Field is read only.\";\r\n        }\r\n\r\n        let _title = title ? `${title}.` : \"\";\r\n\r\n        if (!disabled) {\r\n            _title += \"  Click to edit.\";\r\n        }\r\n\r\n        return _title.trim().length > 0 ? _title : undefined;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setResults([]);\r\n        setSearchStringChanged(false);\r\n        if (defaultValue) {\r\n            setSearchString(defaultValue[titleProp]);\r\n        }\r\n        else {\r\n            setSearchString(\"\");\r\n        }\r\n    }, [defaultValue])\r\n\r\n    useEffect(() => {\r\n        if (searching) {\r\n            search(searchString);\r\n        }\r\n    }, [searching])\r\n\r\n    return (\r\n        <Container resolved={defaultValue || locked} padding={padding} containerHeight={height} borderless={borderless}>\r\n            {locked &&\r\n                <div className=\"locked-icon\">\r\n                    <FontAwesomeIcon icon={faLock} />\r\n                </div>\r\n            }\r\n            <>\r\n                <div\r\n                    className={`resolved ${disabled ? \"disabled\" : \"\"} ${readOnly ? \"read-only\" : \"\"} ${locked ? \"locked\" : \"\"} `}\r\n                    title={getTitle()}\r\n                    onClick={() => {\r\n                        if (locked || readOnly || disabled) {\r\n                            return;\r\n                        }\r\n\r\n                        if (defaultValue) {\r\n                            setLastValue(defaultValue);\r\n                        }\r\n\r\n                        if (inputRef) {\r\n                            setTimeout((_: ITextField) => {\r\n                                _.select();\r\n                            }, 10, inputRef);\r\n                        }\r\n\r\n                        select();\r\n                    }}\r\n                >\r\n                    <div className=\"title\">\r\n                        {\r\n                            customTitle\r\n                                ? customTitle(defaultValue)\r\n                                : defaultValue\r\n                                    ? resolveData(titleProp, defaultValue)?.toString().toLowerCase()\r\n                                    : \"\"\r\n                        }\r\n                    </div>\r\n                    <div className=\"icon\">\r\n                        <FontAwesomeIcon icon={faCheckCircle} />\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"search\">\r\n                    <TextField\r\n                        id={containerId}\r\n                        borderless={borderless}\r\n                        title={`${title ? title : \"\"}${readOnly ? \" Field is read only\" : \"\"}`}\r\n                        autoFocus={autoFocus}\r\n                        readOnly={readOnly}\r\n                        required={required}\r\n                        disabled={disabled}\r\n                        componentRef={_ => inputRef = _}\r\n                        placeholder={placeHolder}\r\n                        errorMessage={error}\r\n                        value={searchString}\r\n                        autoComplete=\"off\"\r\n                        iconProps={{ iconName: searching ? undefined : \"Search\" }}\r\n                        styles={{\r\n                            field: {\r\n                                padding,\r\n                                \"::placeholder\": {\r\n                                    color: \"#bbb\"\r\n                                }\r\n                            },\r\n                            fieldGroup: {\r\n                                height\r\n                            },\r\n                            icon: {\r\n                                fontSize: \"14px\",\r\n                                top: \"50%\",\r\n                                transform: \"translateY(-50%)\",\r\n                                right: \"10px\",\r\n                                bottom: \"none\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, newValue) => {\r\n                            let v = newValue ? newValue : \"\";\r\n\r\n                            setSearchStringChanged(true);\r\n                            setSearchString(v);\r\n\r\n                            if (v.length >= minLengthBeforeSearhing) {\r\n                                setSearching(true);\r\n                            }\r\n                            else {\r\n                                setResults([]);\r\n                            }\r\n                        }}\r\n                        onBlur={() => {\r\n                            if (!searchStringChanged && lastValue) {\r\n                                select(lastValue);\r\n                            }\r\n                        }}\r\n                        onKeyDown={_ => {\r\n                            keyDown(_);\r\n                        }}\r\n                    />\r\n                    {searching &&\r\n                        <div className=\"search-animation\">\r\n                            <AnimatedBars\r\n                                height=\"8px\"\r\n                                barWidth=\"2px\"\r\n                                barColor=\"#555\"\r\n                                altBarColor=\"#ccc\"\r\n                            />\r\n                        </div>\r\n                    }\r\n                </div>\r\n\r\n                {description &&\r\n                    <div className=\"description\">\r\n                        {description}\r\n                    </div>\r\n                }\r\n            </>\r\n\r\n            {results.length > 0 &&\r\n                <Callout\r\n                    gapSpace={1}\r\n                    isBeakVisible={false}\r\n                    target={`#${containerId}`}\r\n                    directionalHint={directionalHint ? directionalHint : DirectionalHint.bottomLeftEdge}\r\n                    onDismiss={() => setResults([])}\r\n                    styles={{\r\n                        beak: {\r\n                            backgroundColor: \"#4177bf\"\r\n                        }\r\n                    }}\r\n                >\r\n                    <Results itemPadding={itemPadding} ref={resultsRef} maxHeight={maxResultsContainerHeight} minHeight={customResultDescription ? \"65px\" : \"45px\"} >\r\n                        {results.map((r, i) => {\r\n                            let selected = i === selectedIndex;\r\n                            let classNames = `search-result-item${selected ? \" selected\" : \"\"}`;\r\n\r\n                            return (\r\n                                <div className={classNames} key={`SearchResult_${r[keyProp]}`} onClick={() => select(r)}>\r\n                                    <div className=\"search-result-item-title\">\r\n                                        {customResultTitle\r\n                                            ? customResultTitle(r)\r\n                                            : r[titleProp].toString().toLowerCase()\r\n                                        }\r\n                                    </div>\r\n                                    {customResultDescription &&\r\n                                        <div className=\"search-result-item-description\">\r\n                                            {customResultDescription(r)}\r\n                                        </div>\r\n                                    }\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </Results>\r\n                </Callout>\r\n            }\r\n\r\n            {searchString.length > 1 && results.length === 0 && noResults &&\r\n                <Callout\r\n                    gapSpace={1}\r\n                    isBeakVisible={false}\r\n                    target={`#${containerId}`}\r\n                    onClick={() => select(undefined)}\r\n                    directionalHint={directionalHint ? directionalHint : DirectionalHint.bottomLeftEdge}\r\n                >\r\n                    <Results itemPadding={itemPadding} ref={resultsRef} maxHeight={maxResultsContainerHeight} minHeight=\"45px\">\r\n                        <div className={'search-result-item'}>\r\n                            <div className=\"search-result-item-title\">\r\n                                No results\r\n                            </div>\r\n                        </div>\r\n                    </Results>\r\n                </Callout>\r\n            }\r\n        </Container >\r\n    );\r\n};","export const useScrollFunctions = () => {\r\n    const scrollIntoView = (container: HTMLDivElement, child: HTMLDivElement) => {\r\n        let elementTop = child.offsetTop;\r\n        let elementBottom = elementTop + child.clientHeight;\r\n\r\n        let containerTop = container.scrollTop;\r\n        let containerBottom = containerTop + container.clientHeight;\r\n\r\n        if (elementBottom > containerBottom || elementTop < containerTop) {\r\n            container.scrollTop = elementTop;\r\n        }\r\n    }\r\n\r\n    return { scrollIntoView }\r\n}","import { faClose } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IPort } from \"../../../../../interfaces/IPort\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .port-search {\r\n        margin: 15px 0 10px;\r\n    }\r\n\r\n    .ports {\r\n        margin: 0 -8px;\r\n\r\n        .port {\r\n            display: flex;\r\n            padding: 5px 10px;\r\n            cursor: pointer;\r\n\r\n            .port-remove {\r\n                flex-grow: 1;\r\n                display: none;\r\n                justify-content: flex-end;\r\n                align-items: center;\r\n            }\r\n\r\n            :hover {\r\n                background-color: #eaf3ff;\r\n                border-radius: 4px;\r\n\r\n                .port-remove {\r\n                    display: flex;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AppUserPortPicker: React.FC<{ ports: IPort[], onChange: (ports: IPort[]) => void }> = ({ ports, onChange }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const remove = (port: IPort) => {\r\n        onChange(ports.filter(_ => _.id !== port.id));\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                The user has access to port calls in ports where the above agent is specified. To add access to port calls in additional ports, add ports here.\r\n            </div>\r\n            <div className=\"port-search\">\r\n                <AppSearchBox\r\n                    additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                    placeHolder=\"Search and add port\"\r\n                    endPoint=\"ports/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    customResultDescription={(_:IPort)=> {\r\n                        return _.country + \" - \" + _.unLoCode;\r\n                    }}\r\n                    onSelected={(port: IPort) => {\r\n                        if (port && !ports.find(_ => _.id === port.id)) {\r\n                            onChange([...ports, port])\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            {ports.length > 0 &&\r\n                <div className=\"ports\">\r\n                    {ports.sort((a, b) => { return a.name > b.name ? 1 : -1; }).map(port => {\r\n                        return (\r\n                            <div key={`Port_${port.id}`} className=\"port\" title={`Click to remove ${toCapitalLetters(port.name)}`} onClick={() => remove(port)}>\r\n                                <div>\r\n                                    {toCapitalLetters(port.name)} - {port.unLoCode}\r\n                                </div>\r\n                                <div className=\"port-remove\">\r\n                                    <FontAwesomeIcon icon={faClose} />\r\n                                </div>\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n};","export enum PortCallSortType {\r\n    ArrivedScheduledarrival = 10,\r\n    Scheduledarrival = 20,\r\n    VoyagenumberArrivedScheduledarrival = 30\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, Dropdown, Toggle, PanelType, Checkbox } from \"@fluentui/react\";\r\nimport { faExclamationCircle, faSave, faSignInAlt, faTrashAlt, faUserCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useVessels } from \"../../../../../api/hooks/useVessels\";\r\nimport { AppSettings } from \"../../../../../appSettings\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useEmailFunctions } from \"../../../../../hooks/useEmailFunctions\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { IAppUser } from \"../../../../../interfaces/IAppUser\";\r\nimport { AppUserTypes } from \"../../../../../_enums/AppUserTypes\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { AppUserPortPicker } from \"./AppUserPortPicker\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppNumericTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { PortCallSortType } from \"../../../../../_enums/PortCallSortType\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 8px 0;\r\n    }\r\n`;\r\n\r\nconst HeaderInfo = styled.div`\r\n    font-size: 12px;\r\n    letter-spacing: .1px;\r\n`;\r\n\r\nconst Special = styled.div`\r\n    border-left: 4px solid #4177bf;\r\n    padding-left: 20px;\r\n    margin-top: 25px !important;\r\n\r\n    >div {\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .header {\r\n        margin: -2px 0 14px;\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n    }\r\n`;\r\n\r\nconst Info = styled.div`\r\n    padding: 8px 4px;\r\n    font-size: 12px;\r\n    color: #aaa;\r\n\r\n    >div {\r\n        margin: 2px 0;        \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details: React.FC<{ u?: IAppUser, dismiss: (updatedUser?: IAppUser, remove?: boolean) => void }> = ({ u, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [user, setUser] = useState<IAppUser | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [actingAs, setActingAs] = useState(false);\r\n    const { vessels } = useVessels();\r\n    const isNew = u && !u.id;\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { getError } = useRest();\r\n    const { isValid: isEmailValid } = useEmailFunctions();\r\n    const { relativeDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const save = async () => {\r\n        try {\r\n            var updated = isNew\r\n                ? await app.api.createAppUser(user!)\r\n                : await app.api.updateAppUser(user!);\r\n\r\n            dismiss(updated);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `App user ${user?.name} ${isNew ? \"created\" : \"updated\"}`\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(error)\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const deleteUser = async () => {\r\n        try {\r\n            await app.api.deleteAppUser(user!);\r\n            dismiss(user, true);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: `App user ${user?.name} deleted`\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(error)\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const loginAsAppUser = async () => {\r\n        app.setAppMessage({\r\n            icon: <FontAwesomeIcon icon={faSignInAlt} />,\r\n            text: `Signing in to app as ${user?.name}...`\r\n        });\r\n\r\n        try {\r\n            var r = await app.api.getAppUserToken(user!);\r\n            window.open(`${AppSettings.appUrl}?actAs=true&t=${r.accessToken}&r=${r.refreshToken}`, \"_blank\");\r\n            dismiss();\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(error)\r\n            });\r\n        }\r\n\r\n        setActingAs(false);\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!user || !user.appUserType) {\r\n            return false;\r\n        }\r\n\r\n        if (user.name.trim().length < 4) {\r\n            return false;\r\n        }\r\n\r\n        if (!user.userName || user.userName.trim().length < 5) {\r\n            return false;\r\n        }\r\n\r\n        if (!isEmailValid(user.email)) {\r\n            return false;\r\n        }\r\n\r\n        if (isNew && (!user.password || user.password.length < 5)) {\r\n            return false;\r\n        }\r\n        else {\r\n            if (user.password && user.password.length < 5) {\r\n                return false;\r\n            }\r\n        }\r\n\r\n        if (user.appUserType === AppUserTypes.Vessel && !user.vessel) {\r\n            return false;\r\n        }\r\n\r\n        if (user.appUserType !== AppUserTypes.Vessel && !user.partner) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (u) {\r\n            setUser(u);\r\n        }\r\n        else {\r\n            setUser(undefined);\r\n        }\r\n    }, [u])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (actingAs) {\r\n            loginAsAppUser();\r\n        }\r\n    }, [actingAs])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={isNew ? \"New app user New \" : user?.name}\r\n            working={saving || actingAs}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            isOpen={user ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faUserCog} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    disabled: isNew || !isValid,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                },\r\n                {\r\n                    title: \"Login as app user\",\r\n                    icon: <FontAwesomeIcon icon={faSignInAlt} />,\r\n                    disabled: isNew || !isValid,\r\n                    onClick: () => setActingAs(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    disabled: !isValid(),\r\n                    type: \"Primary\",\r\n                    onClick: () => setSaving(true)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {user &&\r\n                <Body>\r\n                    <HeaderInfo>\r\n                        App users can only access the client app. No access to the Real Time Operations service or any other services are granted.\r\n                    </HeaderInfo>\r\n                    <div style={{ margin: \"20px 0\" }}>\r\n                        <Toggle\r\n                            checked={!user.inActive}\r\n                            offText=\"User disabled and can't sing in\"\r\n                            onText=\"User enabled\"\r\n                            onChange={(ev, checked) => setUser({ ...user, inActive: checked ? !checked : true })}\r\n                        />\r\n                    </div>\r\n                    <InputWithDescription description=\"User type\" defaultDescription>\r\n                        <Dropdown\r\n                            placeholder=\"Select user type\"\r\n                            selectedKey={Number(user.appUserType)}\r\n                            options={convertToKeyValuePair(AppUserTypes, [40])}\r\n                            onChange={(ev, v) => {\r\n                                if (v) {\r\n                                    setUser({\r\n                                        ...user,\r\n                                        appUserType: Number(v.key),\r\n                                        canEditVoyage: Number(v.key) === AppUserTypes.Vessel ? user.canEditVoyage : false\r\n                                    });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                    <TextField\r\n                        description=\"Name (min. 4 characters)\"\r\n                        required\r\n                        value={user.name ? user.name : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, name: v ? v : \"\" })}\r\n                    />\r\n                    <TextField\r\n                        description=\"Phone\"\r\n                        value={user.phone ? user.phone : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, phone: v ? v : \"\" })}\r\n                    />\r\n                    <AppSearchBox\r\n                        title=\"Fixed timezone. All event and report timestamp are entered in this time zone\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for timezone\"\r\n                        description=\"Fixed timezone\"\r\n                        endPoint=\"ports/searchTimezones\"\r\n                        keyProp=\"timeZone\"\r\n                        titleProp=\"timeZone\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={user.fixedTimezone ? {\r\n                            timeZone: user.fixedTimezone,\r\n                        } : undefined}\r\n                        maxResultsContainerHeight=\"295px\"\r\n                        onSelected={(_?: { timeZone: string }) => {\r\n                            setUser({ ...user, fixedTimezone: _ ? _.timeZone : undefined });\r\n                        }}\r\n                    />\r\n                    <TextField\r\n                        required\r\n                        description=\"Email\"\r\n                        value={user.email ? user.email : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, email: v ? v : \"\" })}\r\n                        errorMessage={user.email && !isEmailValid(user.email) ? \"Email not valid\" : undefined}\r\n                        onBlur={() => {\r\n                            if (!user.userName || user.userName.trim().length === 0) {\r\n                                if (isEmailValid(user.email)) {\r\n                                    setUser({ ...user, userName: user.email });\r\n                                }\r\n                            }\r\n                        }}\r\n                    />\r\n                    <TextField\r\n                        required\r\n                        description=\"Username (min. 6 characters)\"\r\n                        autoComplete=\"off\"\r\n                        value={user.userName ? user.userName : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, userName: v ? v : \"\" })}\r\n                    />\r\n                    <TextField\r\n                        description=\"New password (min 5 characters)\"\r\n                        canRevealPassword={true}\r\n                        type=\"password\"\r\n                        autoComplete=\"new-password\"\r\n                        value={user.password ? user.password : \"\"}\r\n                        onChange={(ev, v) => setUser({ ...user, password: v ? v : \"\" })}\r\n                    />\r\n\r\n                    <Special>\r\n                        <div className=\"header\">\r\n                            App settings\r\n                        </div>\r\n\r\n                        <InputWithDescription description=\"Access type\" defaultDescription>\r\n                            <Dropdown\r\n                                required\r\n                                placeholder=\"Select an option\"\r\n                                selectedKey={user.isReadOnly ? 1 : 0}\r\n                                options={[\r\n                                    { key: 1, text: \"Read only\" },\r\n                                    { key: 0, text: \"Register\" },\r\n                                ]}\r\n                                onChange={(ev, item) => {\r\n                                    setUser({\r\n                                        ...user,\r\n                                        isReadOnly: item && item.key === 1 ? true : false,\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"Portcall sorting\" defaultDescription>\r\n                            <Dropdown\r\n\r\n                                styles={{\r\n\r\n                                }}\r\n                                placeholder=\"Select an option\"\r\n                                selectedKey={user.portCallSortType}\r\n                                options={convertToKeyValuePair(PortCallSortType, undefined, undefined, undefined, \", then by \")}\r\n                                onChange={(ev, item) => {\r\n                                    setUser({\r\n                                        ...user,\r\n                                        portCallSortType: item ? Number(item.key) : undefined,\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <AppNumericTextField\r\n                            description=\"Fetch portcalls X days ahead (max 14)\"\r\n                            wholeNumbersOnly\r\n                            value={user.portCallDaysAhead ? user.portCallDaysAhead.toString() : \"\"}\r\n                            onChange={(ev, v) => {\r\n                                setUser({\r\n                                    ...user,\r\n                                    portCallDaysAhead: v ? Number(v) : 0\r\n                                });\r\n                            }}\r\n                        />\r\n                        <AppNumericTextField\r\n                            description=\"Fetch portcalls X days before (max 14)\"\r\n                            value={user.portCallDaysBehind ? user.portCallDaysBehind.toString() : \"\"}\r\n                            onChange={(ev, v) => {\r\n                                setUser({\r\n                                    ...user,\r\n                                    portCallDaysBehind: v ? Number(v) : 0\r\n                                });\r\n                            }}\r\n                        />\r\n                        <AppNumericTextField\r\n                            description=\"Fetch max X portcalls (max 100)\"\r\n                            value={user.portCallMaxFetch ? user.portCallMaxFetch.toString() : \"\"}\r\n                            onChange={(ev, v) => {\r\n                                setUser({\r\n                                    ...user,\r\n                                    portCallMaxFetch: v ? Number(v) : 0\r\n                                });\r\n                            }}\r\n                        />\r\n\r\n                    </Special>\r\n\r\n                    {user.appUserType &&\r\n                        <Special>\r\n                            <div className=\"header\">\r\n                                {AppUserTypes[user.appUserType]} user specific properties\r\n                            </div>\r\n                            {user.appUserType === AppUserTypes.Vessel\r\n                                ?\r\n                                <>\r\n                                    <InputWithDescription description=\"Vessel\" defaultDescription>\r\n                                        <Dropdown\r\n                                            required\r\n                                            placeholder=\"Select vessel\"\r\n                                            selectedKey={user.vessel?.id}\r\n                                            options={vessels ? vessels.map(_ => {\r\n                                                return {\r\n                                                    key: _.id,\r\n                                                    text: toCapitalLetters(_.name)\r\n                                                }\r\n                                            }) : []}\r\n                                            onChange={(ev, item) => {\r\n                                                if (!item) {\r\n                                                    return;\r\n                                                }\r\n\r\n                                                setUser({\r\n                                                    ...user,\r\n                                                    vessel: vessels?.find(_ => _.id === Number(item.key))\r\n                                                });\r\n                                            }}\r\n                                        />\r\n                                    </InputWithDescription>\r\n\r\n                                    <InputWithDescription description=\"When SOF is locked in the App the PDF version will be sent to the app user's email\" defaultDescription>\r\n                                        <Checkbox\r\n                                            checked={user.forwardSof}\r\n                                            label=\"Forward SOF\"\r\n                                            onChange={(ev, checked) => {\r\n                                                setUser({ ...user, forwardSof: checked ? checked : false });\r\n                                            }}\r\n                                        />\r\n                                    </InputWithDescription>\r\n\r\n                                    {user.appUserType === AppUserTypes.Vessel &&\r\n                                        <InputWithDescription description=\"App user is allowed to edit voyage data from the app\" defaultDescription>\r\n                                            <Checkbox\r\n                                                checked={user.canEditVoyage}\r\n                                                label=\"Edit voyage in app\"\r\n                                                onChange={(ev, checked) => {\r\n                                                    setUser({ ...user, canEditVoyage: checked ? checked : false });\r\n                                                }}\r\n                                            />\r\n                                        </InputWithDescription>\r\n                                    }\r\n                                </>\r\n                                :\r\n                                <>\r\n                                    <AppSearchBox\r\n                                        required\r\n                                        description=\"Agent\"\r\n                                        placeHolder=\"Search for agent\"\r\n                                        endPoint=\"partners/search\"\r\n                                        keyProp=\"id\"\r\n                                        titleProp=\"name\"\r\n                                        minLengthBeforeSearhing={2}\r\n                                        defaultValue={user.partner}\r\n                                        additionalQueryParams={[\r\n                                            {\r\n                                                key: \"partnerTypes\",\r\n                                                value: \"3\"\r\n                                            }\r\n                                        ]}\r\n                                        onSelected={item => {\r\n                                            setUser({\r\n                                                ...user,\r\n                                                partner: item,\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                    <AppUserPortPicker\r\n                                        ports={user.ports ? user.ports : []}\r\n                                        onChange={ports => {\r\n                                            setUser({ ...user, ports })\r\n                                        }}\r\n                                    />\r\n                                </>\r\n                            }\r\n                        </Special>\r\n                    }\r\n\r\n                    {!isNew &&\r\n                        <Info>\r\n                            <div>\r\n                                Last seen: {relativeDateString(user.lastLogin, { \"days\": 7 }, undefined, true)}.\r\n                            </div>\r\n                            <div>\r\n                                App version used: {user.appVersion ? user.appVersion : \"?\"}.\r\n                            </div>\r\n                        </Info>\r\n                    }\r\n\r\n                    <AppDialog\r\n                        title=\"Delete app user\"\r\n                        subText={`Are you sure you want to delete the app user ${user.name}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            deleteUser();\r\n                        }}\r\n                    />\r\n\r\n                </Body>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { IAppUser } from \"../../../../../interfaces/IAppUser\";\r\nimport { AppUserTypes } from \"../../../../../_enums/AppUserTypes\";\r\nimport { Details } from \"./Details\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useAppUsers } from \"../../../../../api/hooks/useAppUsers\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { useMediaQuery } from \"../../../../../hooks/useMediaQuery\";\r\nimport { ModifiedString } from \"../../../../../blocks/modifiedString/ModifiedString\";\r\nimport { PortCallSortType } from \"../../../../../_enums/PortCallSortType\";\r\n\r\nexport const AppUsers = () => {\r\n    const [user, setUser] = useState<IAppUser | undefined>();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { appUsers, isValidating, mutate } = useAppUsers();\r\n    const [visibleAppUsers, setVisibleAppUsers] = useState<IAppUser[]>([]);\r\n\r\n    const rowClick = (_: IAppUser) => {\r\n        setUser(_);\r\n    }\r\n\r\n    const cellStyle = (_: IAppUser) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb !important\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            key: \"userType\",\r\n            title: \"Type\",\r\n            gridCellWidth: \"minmax(0, 100px)\",\r\n            render: (_: IAppUser) => {\r\n                return AppUserTypes[_.appUserType];\r\n            }\r\n        },\r\n        {\r\n            key: \"userName\"\r\n        },\r\n        {\r\n            key: \"vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (_: IAppUser) => {\r\n                return toCapitalLetters(_.vessel?.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"partner.name\",\r\n            title: \"Partner\",\r\n            exclude: useMediaQuery(\"(max-width: 1700px)\"),\r\n        },\r\n        {\r\n            key: \"lastLogin\",\r\n            title: \"Last seen\",\r\n            gridCellWidth: \"minmax(0, 130px)\",\r\n            render: (_: IAppUser) => {\r\n                return !_.lastLogin || makeDateObject(_.lastLogin) <= makeDateObject(new Date(2000, 1, 1)) ? \"\" : <ModifiedString date={_.lastLogin} dateOnly  />;\r\n            }\r\n        },\r\n        {\r\n            key: \"version\",\r\n            gridCellWidth: \"minmax(0, 100px)\",\r\n            textAlign: \"right\",\r\n            render: (_: IAppUser) => {\r\n                return _.appVersion ? _.appVersion : \"?\"\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        setVisibleAppUsers(appUsers ? appUsers : []);\r\n    }, [appUsers])\r\n\r\n    return (\r\n        <Card\r\n            title={`App users ${visibleAppUsers.length > 0 ? `(${visibleAppUsers.length})` : \"\"}`}\r\n            height={useMediaQuery(\"(min-width: 2000px)\") ? \"402px\" : undefined}  // Must match the media queri in CompanySettings.tsx\r\n            maxHeight={useMediaQuery(\"(max-width: 2000px)\") ? \"402px\" : undefined}  // Must match the media queri in CompanySettings.tsx\r\n            search={s => {\r\n                setVisibleAppUsers(!appUsers ? [] : appUsers.filter(_ =>\r\n                    _.name.toLowerCase().indexOf(s.toLowerCase()) >= 0 ||\r\n                    (_.userName && _.userName.toLowerCase().indexOf(s.toLowerCase()) >= 0) ||\r\n                    (_.vessel && _.vessel.name && _.vessel.name.toLowerCase().indexOf(s.toLowerCase()) >= 0)\r\n                ));\r\n            }}\r\n            actions={[\r\n                {\r\n                    title: \"New app user\",\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    onClick: () => {\r\n                        setUser({\r\n                            id: 0,\r\n                            name: \"\",\r\n                            appUserType: AppUserTypes.Vessel,\r\n                            portCallSortType: PortCallSortType.ArrivedScheduledarrival\r\n                        });\r\n                    }\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                blueHeader\r\n                loading={!appUsers && isValidating}\r\n                columns={columns}\r\n                data={visibleAppUsers}\r\n                cellStyle={cellStyle}\r\n                rowClick={rowClick}\r\n            />\r\n            <Details\r\n                u={user}\r\n                dismiss={(_, remove) => {\r\n                    mutate();\r\n                    setUser(undefined);\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { OnOffSwitch } from \"../../../../../blocks/onOffSwitch/OnOffSwitch\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    .item {\r\n        >div {\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ClassificationPartner = () => {\r\n    const { company } = useCompanyProvider();\r\n\r\n    return (\r\n        <Card\r\n            title=\"Classification settings\"\r\n            height=\"100%\"\r\n            loading={!company}\r\n        >\r\n            <Body>\r\n                {company &&\r\n                    <>\r\n                        <div>\r\n                            <OnOffSwitch on={company.classificationPartner && company.classificationPartner.syncActive} />\r\n                        </div>\r\n\r\n                        {company.classificationPartner\r\n                            ?\r\n                            <>\r\n                                <div className=\"item\">\r\n                                    <div>\r\n                                        {company.classificationPartner.name}. Contact support to change classification partner.\r\n                                    </div>\r\n                                    <div>\r\n                                        Classification partner\r\n                                    </div>\r\n                                </div>\r\n                            </>\r\n                            :\r\n                            <div className=\"item\">\r\n                                <div>\r\n                                    Not defined. Contact support to setup a classification partner.\r\n                                </div>\r\n                                <div>\r\n                                    Status\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </>\r\n                }\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import { faCheck, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    color: white;\r\n    height: 20px;\r\n    min-width: 20px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n`;\r\n//#endregion\r\n\r\nexport const OkCircle: React.FC<{ ok: boolean | null }> = ({ ok }) => {\r\n    return (\r\n        <Container style={{ backgroundColor: ok === true ? \"#32ad5b\" : ok === false ? \"#d54545\" : \"#ccc\" }}>\r\n            <FontAwesomeIcon icon={ok === true ? faCheck : ok === false ? faTimes : faCheck } />\r\n        </Container>\r\n    );\r\n};","export interface IEmailTemplate {\r\n    id?: number\r\n    inActive: boolean\r\n    templateType: EmailTemplateType\r\n    template?: string\r\n    textAlign?: string\r\n}\r\n\r\nexport enum EmailTemplateType {\r\n    ArrivalReport = 10,\r\n    DepartureReport = 20    \r\n}","\r\n\r\nimport React from \"react\";\r\nimport ReactQuill, { Quill } from 'react-quill';\r\nimport 'react-quill/dist/quill.snow.css';\r\nimport BlotFormatter from 'quill-blot-formatter';\r\nimport ImageCompress from 'quill-image-compress';\r\n\r\nQuill.register('modules/imageCompress', ImageCompress);\r\nQuill.register('modules/blotFormatter', BlotFormatter);\r\n\r\n/*\r\n// Add fonts to whitelist\r\nlet Font = Quill.import('formats/font');\r\n// We do not add Sans Serif since it is the default\r\nFont.whitelist = ['inconsolata', 'roboto', 'mirza', 'arial'];\r\nQuill.register(Font, true);\r\n*/\r\n\r\nexport const Editor: React.FC<{ value?: string, disableImagePicker?: boolean, onChange: (value: string) => void }> = ({ value, disableImagePicker, onChange }) => {\r\n    return (\r\n        <ReactQuill\r\n            theme=\"snow\"\r\n            modules={{\r\n                blotFormatter: {},\r\n                imageCompress: {\r\n                    quality: 0.7, // default 0.7\r\n                    maxWidth: 800, // default 1000\r\n                    maxHeight: 800, // default 1000\r\n                    imageType: 'image/jpeg', // default image/jpeg\r\n                    debug: false, // default true\r\n                    suppressErrorLogging: true, // default false\r\n                    insertIntoEditor: undefined, // default undefined\r\n                },\r\n                toolbar: [\r\n                    [{ 'header': [1, 2, false] }],\r\n                    ['bold', 'italic', 'underline', 'strike', 'blockquote'],\r\n                    [{ 'list': 'ordered' }, { 'list': 'bullet' }, { 'indent': '-1' }, { 'indent': '+1' }],\r\n                    ['link', disableImagePicker ? undefined : 'image'],\r\n                    [{ 'color': [] }, { 'background': [] }],\r\n                    [{ 'font': [] }],\r\n                    ['clean']\r\n                ],\r\n            }}\r\n            value={value}\r\n            onChange={(value: string) => {\r\n                onChange(value);\r\n            }}\r\n        />\r\n    );\r\n};","import { faCalendarAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.li`\r\n    padding: 0 0 4px 0;\r\n    \r\n    .keyword {\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n\r\n        .icon {\r\n            margin-left: 10px;\r\n        }\r\n    }\r\n\r\n    .description {\r\n        color: #888;\r\n        font-size: 11px;\r\n        padding-left: 12px;\r\n        text-transform: capitalize;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditEmailTemplateInfoPanelKw: React.FC<{ keyword: string, description?: string, isDate?: boolean }> = ({ keyword, description, isDate }) => {\r\n    const { app } = useAppContext();\r\n    const copyToClipboard = (k: string) => {\r\n        navigator.clipboard.writeText(`{{${k}}}`);\r\n        app.setAppMessage({text: 'Copied ' + `{{${k}}}` + ' to clipboard'})\r\n    }\r\n\r\n    const kw = (k: string) => {\r\n        return <span title=\"Click to copy\" onClick={() => copyToClipboard(k)}>&#123;&#123;{k}&#125;&#125;</span>;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"keyword\">\r\n                {kw(keyword)}\r\n                {isDate && \r\n                    <FontAwesomeIcon title=\"Add 'Lt' for local time, or 'Fixed' for app user's chosen timezone\" className=\"icon\" icon={faCalendarAlt} />\r\n                }\r\n            </div>\r\n            <div className=\"description\">\r\n                {description ? description : keyword}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, PanelType, Toggle } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { IEmailTemplate, EmailTemplateType } from \"../../../../../interfaces/IEmailTemplate\";\r\nimport { Editor } from \"../../../../../blocks/editor/Editor\";\r\nimport { faEnvelope, faExclamation, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { EditEmailTemplateInfoPanelKw } from \"./EditEmailTemplatePanelKw\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    grid-template-columns: auto 400px;\r\n    height: 100%;\r\n\r\n    >div:first-child {\r\n        margin: 25px;\r\n    }\r\n\r\n    >.panel {\r\n        height: auto;\r\n    }\r\n\r\n    /* Info */\r\n    >.info-panel {\r\n        background-color: #f1f1f1;\r\n        \r\n        padding: 0px 25px 25px 25px;\r\n        ul {\r\n            padding-left: 25px;\r\n        }\r\n    }\r\n\r\n    .toggles {\r\n        display: flex;\r\n        margin: 0 -5px 20px;\r\n        >div {\r\n            margin: 0 5px;\r\n        }\r\n    }\r\n\r\n    .text-align-dropdown {\r\n        max-width: 200px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .ql-editor {\r\n        min-height: 200px;\r\n    }\r\n\r\n`;\r\n\r\nconst BulletPoint = styled.li`\r\n    padding: 0 0 4px 0;\r\n    \r\n    .keyword {\r\n        font-weight: 700;\r\n    }\r\n    `;\r\n\r\n//#endregion\r\n\r\nexport const EditEmailTemplatePanel: React.FC<{ isOpen: boolean, emailTemplate: IEmailTemplate | undefined, templateType: EmailTemplateType, dismiss: () => void, updateTemplate: (et: IEmailTemplate) => void }> = ({ isOpen, emailTemplate, templateType, dismiss, updateTemplate }) => {\r\n    const { getError } = useRest();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const [settings, setSettings] = useState<IEmailTemplate | undefined>();\r\n\r\n    const save = () => {\r\n        app.api.saveEmailTemplate(settings!, settings?.id === undefined)\r\n            .then(_ => {\r\n                updateTemplate(_);\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: `${settings?.templateType === EmailTemplateType.ArrivalReport ? 'Arrival' : 'Departure'} template saved`,\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n                dismiss();\r\n            })\r\n            .catch(async err => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    icon: <FontAwesomeIcon icon={faExclamation} />\r\n                });\r\n            })\r\n    }\r\n\r\n    const isEmpty = (s?: string) => {\r\n        return !s || s.trim().length === 0 ? true : false;\r\n    }\r\n\r\n    const isValid = () => {\r\n        return settings?.inActive || !isEmpty(settings?.template);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        setSettings(emailTemplate !== undefined ? emailTemplate : {\r\n            templateType: templateType,\r\n            inActive: false\r\n        })\r\n    }, [isOpen])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={saving}\r\n            title={`Email template: ${templateType === EmailTemplateType.ArrivalReport ? \"Arrival report\" : \"Departure report\"}`}\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"1250px\"\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faEnvelope} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: saving || !isValid(),\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss(),\r\n                    disabled: saving\r\n                }\r\n            ]}\r\n        >\r\n\r\n            <Body>\r\n                <div className=\"panel\">\r\n                    <div className=\"toggles\">\r\n                        <Toggle\r\n                            checked={settings?.inActive === false}\r\n                            offText=\"Disabled\"\r\n                            onText=\"Active\"\r\n                            onChange={(ev, ticked) => {\r\n                                setSettings({ ...settings!, inActive: !ticked });\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    <div className=\"text-align-dropdown\">\r\n                        <InputWithDescription description=\"Email body text alignment\">\r\n                            <Dropdown\r\n                                placeholder=\"Select text alignment\"\r\n                                selectedKey={settings?.textAlign ?? \"Center\"}\r\n                                onChange={(ev, item) => {\r\n                                    if (!item) {\r\n                                        return;\r\n                                    }\r\n\r\n                                    const stringValue: string = item.key.toString();\r\n\r\n                                    setSettings({\r\n                                        ...settings!, textAlign: stringValue\r\n                                    });\r\n                                }}\r\n                                options={[\r\n                                    {\r\n                                        key: \"Left\",\r\n                                        text: \"Left\"\r\n                                    },\r\n                                    {\r\n                                        key: \"Center\",\r\n                                        text: \"Center\"\r\n                                    },\r\n                                    {\r\n                                        key: \"Right\",\r\n                                        text: \"Right\"\r\n                                    }\r\n                                ]}\r\n                            />\r\n                        </InputWithDescription>\r\n                    </div>\r\n\r\n                    <Editor\r\n                        value={settings?.template}\r\n                        onChange={(val) => {\r\n                            setSettings({ ...settings!, template: val });\r\n                        }\r\n                        }\r\n                        disableImagePicker={true}\r\n                    />\r\n                </div>\r\n                <div className=\"panel info-panel\">\r\n                    <h2>Email template information</h2>\r\n                    <span>\r\n                        Email reports to agents can be activated for each port.\r\n                        Vessel must also activate arrival/departure report emails in its settings.\r\n                        Keywords are used to define where data should appear in the email template.\r\n                    </span>\r\n                    <h3>Email recipients</h3>\r\n                    <span>\r\n                        If filled out, the following emails will be added to the email.\r\n                        The app user may add or remove email addresses before sending.\r\n                    </span>\r\n                    <ul>\r\n                        <BulletPoint>Port contacts current port</BulletPoint>\r\n                        <BulletPoint>Agent current port</BulletPoint>\r\n                        <BulletPoint>Vessel's own email (cc)</BulletPoint>\r\n                        <BulletPoint>Operations email (cc)</BulletPoint>\r\n                        <BulletPoint>Agent next port (if departure report)</BulletPoint>\r\n                        <BulletPoint>Port contacts next port (if departure report)</BulletPoint>\r\n\r\n                    </ul>\r\n                    <h3>Keywords</h3>\r\n                    <span>\r\n                        The following keywords can be used in the template, and will be substituted with corresponding values before it is presented to the user in the app.\r\n                        <br />Dates (marked with calendar icons) are UTC by default. Add \"Lt\" for local time, or \"Fixed\" to use the app user's chosen timezone. Example:<br /> \"&#123;&#123;arrivalTimeBerthLt&#125;&#125;\"\r\n                    </span>\r\n                    <ul>\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"arrivalTimeBerth\" description=\"Time of arrival at first berth / all fast\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"consumption\" description=\"Consumption data from latest report\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"course\" description=\"Vessel course\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"departureTimeBerth\" description=\"Time of departure last berth / berth departed\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"draftAft\" description=\"Draft aft\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"draftFwd\" description=\"Draft forward\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"distanceSailed\" description=\"Estimated time of arrival next port\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"electricity\" description=\"Shore side electricity from latest report (only departure)\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"endCargo\" description=\"Time of completion of last cargo operation\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"eospTime\" description=\"Time of arrival / End of sea passage\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"etaNextPort\" description=\"Estimated time of arrival at next port\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"nextPortName\" description=\"Name of next port\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"portName\" description=\"Name of port\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"positionLat\" description=\"Vessel position latitude\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"positionLng\" description=\"Vessel position longitude\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"reportDateTime\" description=\"Date and time of the latest log report\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"rob\" description=\"Remaining-on-board data from latest report\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"sospTime\" description=\"Time of departure / Start of sea passage\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"speedOverGround\" description=\"Vessel speed over ground\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"speedThroughWater\" description=\"Vessel speed through water\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"startCargo\" description=\"Time of commencement of first cargo operation\" isDate={true} />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"vesselEmail\" description=\"Email address for vessel\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"vesselImo\" description=\"IMO number\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"vesselName\" description=\"Name of vessel\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"vesselPhone\" description=\"Phone number to vessel\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"windDirectionRelative\" description=\"Relative wind direction\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"windDirectionTrue\" description=\"True wind direction\" />\r\n                        <EditEmailTemplateInfoPanelKw keyword=\"windForce\" description=\"Wind force\" />\r\n                    </ul>\r\n                </div>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.li`\r\n    padding: 0 0 4px 0;\r\n    \r\n    .keyword {\r\n        font-weight: 700;\r\n    }\r\n\r\n    .description {\r\n        color: #888;\r\n        font-size: 11px;\r\n        padding-left: 12px;\r\n        text-transform: capitalize;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditSofHtmlPanelKw: React.FC<{ keyword: string, description?: string }> = ({ keyword, description }) => {\r\n\r\n    const kw = (k: string) => {\r\n        return <span>&#123;&#123;{k}&#125;&#125;</span>;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"keyword\">\r\n                {kw(keyword)}\r\n            </div>\r\n            <div className=\"description\">\r\n                {description ? description : keyword}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import { Icon, PanelType, TextField } from \"@fluentui/react\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { EditSofHtmlPanelKw } from \"./EditSofHtmlPanelKw\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: auto 360px;\r\n\r\n    /* Input */\r\n    >div:first-child {\r\n        overflow-y: auto;\r\n        display: grid;\r\n        grid-template-rows: 50% 50%;\r\n    }\r\n\r\n    /* Info */\r\n    >div:last-child {\r\n        height: 100%;\r\n        background-color: #f1f1f1;\r\n        border-left: 1px solid #ccc;\r\n        padding: 0px 30px;\r\n        overflow-y: auto;\r\n        \r\n        ul {\r\n            padding-left: 20px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Section = styled.div`\r\n    display: grid;\r\n    grid-template-rows: 40px auto;\r\n`;\r\n\r\nconst SectionBody = styled.div`\r\n    overflow-y: auto;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    background-color: #4177bf;\r\n    color: white;\r\n    padding: 0 30px;\r\n    display: flex;\r\n    align-items: center;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n`;\r\n\r\nconst Txt = styled(TextField)`\r\n    height: 100%;\r\n    background-color: #fafafa;\r\n\r\n    >div {\r\n        height: inherit;\r\n\r\n        >div {\r\n            height: inherit;\r\n            background-color: transparent;\r\n            border-color: transparent !important;\r\n\r\n            textarea {\r\n                padding: 20px;\r\n            }\r\n\r\n            :after {\r\n                border: none;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditSofHtmlPanel: React.FC<{ isOpen: boolean, dismiss: () => void }> = ({ isOpen, dismiss }) => {\r\n    const [html, setHtml] = useState<string | undefined>();\r\n    const [htmlWithLogo, setHtmlWithLogo] = useState<string | undefined>();\r\n    const { app } = useAppContext();\r\n    const { company, setCompany } = useCompanyProvider();\r\n    const [working, setWorking] = useState(false);\r\n\r\n    const kw = (k: string) => {\r\n        return <b>&#123;&#123;{k}&#125;&#125;</b>;\r\n    }\r\n\r\n    const createHtmlWithLogo = () => {\r\n        if (html && company && company.logo) {\r\n            setHtmlWithLogo(html.replaceAll(\"{{logo}}\", company.logo));\r\n        }\r\n        else {\r\n            setHtmlWithLogo(html);\r\n        }\r\n    }\r\n\r\n    const saveHtml = () => {\r\n        app.api.updateSofHtml(company.id, html!)\r\n            .then(_ => {\r\n                setWorking(false);\r\n                setCompany({ ...company, sofHtmlLayout: _ })\r\n                dismiss();\r\n                app.setAppMessage({\r\n                    text: \"Sof html updated\",\r\n                    icon: <Icon iconName=\"Save\" />\r\n                });\r\n            })\r\n            .catch(err => {\r\n                console.log(err);\r\n                setWorking(false);\r\n                app.setAppMessage({\r\n                    text: \"An error occured\",\r\n                    icon: <Icon iconName=\"Error\" />\r\n                });\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            setHtml(company.sofHtmlLayout ? company.sofHtmlLayout.html : \"\");\r\n        }\r\n        else {\r\n            setHtml(undefined);\r\n        }\r\n    }, [isOpen]);\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            createHtmlWithLogo();\r\n        }\r\n    }, [html, company])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            saveHtml();\r\n        }\r\n    }, [working])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={working}\r\n            title=\"Sof print html layout\"\r\n            panelType={PanelType.custom}\r\n            customWidth=\"calc(30px + 21cm + 310px)\"\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={<Icon iconName=\"FileCode\" />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: working || !html,\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    <Section>\r\n                        <Title>\r\n                            Preview\r\n                        </Title>\r\n                        <SectionBody style={{ padding: \"30px 30px\" }}>\r\n                            {htmlWithLogo &&\r\n                                <div dangerouslySetInnerHTML={{ __html: htmlWithLogo }} />\r\n                            }\r\n                        </SectionBody>\r\n                    </Section>\r\n                    <Section>\r\n                        <Title>\r\n                            Html\r\n                        </Title>\r\n                        <SectionBody>\r\n                            <Txt\r\n                                resizable={false}\r\n                                value={html ? html : \"\"}\r\n                                multiline={true}\r\n                                onChange={(ev, v) => {\r\n                                    setHtml(v ? v : \"\");\r\n                                }}\r\n                            />\r\n                        </SectionBody>\r\n                    </Section>\r\n                </div>\r\n                <div>\r\n                    <h2>Template information</h2>\r\n                    <span>Html is used when creating the print layout for SOF documents in the app. Keywords are used to define where data should appear in the template.</span>\r\n                    <h3>Logo</h3>\r\n                    <span>If a company logo is uploaded, this will be used in the template. Add kewyword {kw(\"logo\")} as source in the image tag. E.g. <span style={{ textDecoration: \"underline\" }}>&lt;img src=\"{kw(\"logo\")}\" &gt;</span> where you want the logo to appear.</span>\r\n                    <h3>Misc</h3>\r\n                    <span>The app regulary checks for updates. To force an update of the html layout, sign out and in again in the app.</span>\r\n                    <h3>Keywords</h3>\r\n                    <span>\r\n                        The following keywords can be used in the template:\r\n                    </span>\r\n                    <ul>\r\n                        <EditSofHtmlPanelKw keyword=\"berths\" description=\"Name of involved berths\" />\r\n                        <EditSofHtmlPanelKw keyword=\"commodity\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.name\" description=\"company name\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.address\" description=\"company address\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.zip\" description=\"company zip\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.city\" description=\"company city\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.country\" description=\"company country\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.email\" description=\"company email\" />\r\n                        <EditSofHtmlPanelKw keyword=\"company.phone\" description=\"company phone\" />\r\n                        <EditSofHtmlPanelKw keyword=\"cranes\" description=\"cranes\" />\r\n                        <EditSofHtmlPanelKw keyword=\"dateNort\" description=\"date nor tendered\" />\r\n                        <EditSofHtmlPanelKw keyword=\"direction\" description=\"load or discharge\" />\r\n                        <EditSofHtmlPanelKw keyword=\"draftAft\" description=\"draft aft\" />\r\n                        <EditSofHtmlPanelKw keyword=\"draftForward\" description=\"draft forward\" />\r\n                        <EditSofHtmlPanelKw keyword=\"events\" />\r\n                        <EditSofHtmlPanelKw keyword=\"grade\" />\r\n                        <EditSofHtmlPanelKw keyword=\"logo\" description=\"logo source\" />\r\n                        <EditSofHtmlPanelKw keyword=\"port\" description=\"port name\" />\r\n                        <EditSofHtmlPanelKw keyword=\"remarks\" />\r\n                        <EditSofHtmlPanelKw keyword=\"quantity\" description=\"quantity\" />\r\n                        <EditSofHtmlPanelKw keyword=\"quantityProcessed\" description=\"quantity loaded / discharged\" />\r\n                        <EditSofHtmlPanelKw keyword=\"shipsFigures\" description=\"ships figures\" />\r\n                        <EditSofHtmlPanelKw keyword=\"shipsRequestedQuantity\" description=\"Ships requested quantity\" />\r\n                        <EditSofHtmlPanelKw keyword=\"storages\" description=\"storage, holds, tanks\" />\r\n                        <EditSofHtmlPanelKw keyword=\"timeZone\" description=\"time zone used in app\" />\r\n                        <EditSofHtmlPanelKw keyword=\"version\" />\r\n                        <EditSofHtmlPanelKw keyword=\"vessel\" />\r\n                        <EditSofHtmlPanelKw keyword=\"voyageNumber\" />\r\n                        <EditSofHtmlPanelKw keyword=\"voyageReference\" />\r\n                        <EditSofHtmlPanelKw keyword=\"workTeam\" description=\"work team / gang\" />\r\n                    </ul>\r\n                </div>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { AppSpanLink } from \"../../../../../blocks/appLink/AppLink\";\r\nimport { OkCircle } from \"../../../../../blocks/okCircle/OkCircle\";\r\nimport { EditEmailTemplatePanel } from \"./EditEmailTemplatePanel\";\r\nimport { IEmailTemplate, EmailTemplateType } from \"../../../../../interfaces/IEmailTemplate\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { EditSofHtmlPanel } from \"./EditSofHtmlPanel\";\r\nimport { useCompanyProvider } from \"../../../../../contextHooks/CompanyContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n\r\n    .item {\r\n        display: flex;\r\n        margin-bottom: 16px;\r\n\r\n        .item-status {\r\n            margin-right: 20px; \r\n        }\r\n\r\n        .item-text {\r\n            display: flex;\r\n\r\n            >div:first-child {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n\r\n        :last-of-type {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CompanyEmailTemplatesSettings = () => {\r\n    const { app } = useAppContext();\r\n    const { company } = useCompanyProvider();\r\n    const [editOpen, setEditOpen] = useState(false);\r\n    const [editHtmlOpen, setEditHtmlOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [arrivalSelected, setArrivalSelected] = useState<boolean | undefined>(undefined);\r\n    const [arrivalTemplate, setArrivalTemplate] = useState<IEmailTemplate | undefined>();\r\n    const [departureTemplate, setDepartureTemplate] = useState<IEmailTemplate | undefined>();\r\n\r\n    const getTemplates = () => {\r\n        app.api.getAllEmailTemplates()\r\n            .then((emailTemplates) => {\r\n                setArrivalTemplate(emailTemplates.find(et => et.templateType === EmailTemplateType.ArrivalReport));\r\n                setDepartureTemplate(emailTemplates.find(et => et.templateType === EmailTemplateType.DepartureReport));\r\n                setFetching(false);\r\n            })\r\n            .catch(() => {\r\n                setFetching(false);\r\n            });\r\n    }\r\n\r\n    const handleClick = (isArrival: boolean | undefined) => {\r\n        setArrivalSelected(isArrival);\r\n        setEditOpen(true);\r\n    };\r\n\r\n    const getEmailAttachmentStatusValue = (arrival: boolean) => {\r\n        if (arrival && arrivalTemplate === undefined) return null;\r\n        if (!arrival && departureTemplate === undefined) return null;\r\n        if (arrival && arrivalTemplate) {\r\n            return !arrivalTemplate.inActive;\r\n        } else if (!arrival && departureTemplate) {\r\n            return !departureTemplate.inActive;\r\n        } else {\r\n            return null;\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getTemplates();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setFetching(true);\r\n    }, []);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Email and HTML templates\"\r\n            height=\"100%\"\r\n            loading={fetching}\r\n        >\r\n            {company &&\r\n                <Body>\r\n                    <div className=\"item\">\r\n                        <div className=\"item-status\">\r\n                            <OkCircle ok={getEmailAttachmentStatusValue(true)} />\r\n                        </div>\r\n                        <AppSpanLink onClick={() => handleClick(true)}>Arrival report</AppSpanLink>\r\n                    </div>\r\n                    <div className=\"item\">\r\n                        <div className=\"item-status\">\r\n                            <OkCircle ok={getEmailAttachmentStatusValue(false)} />\r\n                        </div>\r\n                        <AppSpanLink onClick={() => handleClick(false)}>Departure report</AppSpanLink>\r\n                    </div>\r\n                    <div className=\"item\">\r\n                        <div className=\"item-status\">\r\n                            <OkCircle ok={company.sofHtmlLayout && company.sofHtmlLayout.html.trim().length > 0 ? true : false} />\r\n                        </div>\r\n                        <AppSpanLink onClick={() => setEditHtmlOpen(true)}>SOF HTML template</AppSpanLink>\r\n                    </div>\r\n                </Body>\r\n            }\r\n\r\n            {arrivalSelected !== undefined &&\r\n                <EditEmailTemplatePanel\r\n                    isOpen={editOpen}\r\n                    emailTemplate={arrivalSelected && arrivalTemplate ? arrivalTemplate : !arrivalSelected && departureTemplate ? departureTemplate : undefined}\r\n                    templateType={arrivalSelected ? EmailTemplateType.ArrivalReport : EmailTemplateType.DepartureReport}\r\n                    updateTemplate={(arrivalSelected ? setArrivalTemplate : setDepartureTemplate)}\r\n                    dismiss={() => setEditOpen(false)}\r\n                />\r\n            }\r\n\r\n            <EditSofHtmlPanel\r\n                isOpen={editHtmlOpen}\r\n                dismiss={() => setEditHtmlOpen(false)}\r\n            />\r\n\r\n        </Card>\r\n    )\r\n};","export enum DocumentTemplateType {\r\n    Sof = 10,\r\n    Demurrage = 20,\r\n    \"Voyage report\" = 30,\r\n    \"Nor Tendered\" = 40\r\n}\r\n\r\nexport interface IDocumentTemplate {\r\n    id: number\r\n    filename?: string\r\n    path?: number\r\n    type?: DocumentTemplateType\r\n    modified?: Date\r\n    modifiedBy?: string\r\n}","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, Icon, PanelType } from \"@fluentui/react\";\r\nimport { faCloudDownload, faFile, faFileAlt, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppPanelFooter } from \"../../../../../blocks/appPanel/AppPanel\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { DocumentTemplateType, IDocumentTemplate } from \"../../../../../interfaces/IDocumentTemplate\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useFileFunctions } from \"../../../../../hooks/useFileFunctions\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    .file-picker {\r\n        margin-top: 20px;\r\n        display: grid;\r\n        grid-template-columns: 1fr 30px;\r\n        height: 30px;\r\n        border: 1px solid #605e5c;\r\n        border-radius: 2px;\r\n        cursor: pointer;\r\n\r\n        .txt {\r\n            padding: 5px 10px 0 10px;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .picker-button {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    .description {\r\n        color: #605e5c;\r\n        font-size: 10px;\r\n        padding-top: 4px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditDocumentTemplate: React.FC<{ allTemplates?: IDocumentTemplate[], template?: IDocumentTemplate, dismiss: (refresh?: boolean) => void }> = ({ allTemplates, template, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { getError } = useRest();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const [file, setFile] = useState<File | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [documentTemplate, setDocumentTemplate] = useState<IDocumentTemplate | undefined>();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const fileUploadRef = useRef(null);\r\n    const isNew = template?.id === 0;\r\n\r\n    const getAcceptedFiles = () => {\r\n        if (documentTemplate?.type === DocumentTemplateType.Demurrage) {\r\n            return \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\";\r\n        }\r\n\r\n        return \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\";\r\n    }\r\n\r\n    const getWarningMessage = () => {\r\n        if (isNew && documentTemplate?.type) {\r\n            let existingTemplate = allTemplates?.find(_ => _.type === documentTemplate.type);\r\n\r\n            if (existingTemplate) {\r\n                return `The existing ${DocumentTemplateType[documentTemplate.type]} template will be overwritten`;\r\n            }\r\n        }\r\n    }\r\n\r\n    const uploadTemplate = () => {\r\n        setWorking(true);\r\n\r\n        const reader = new FileReader();\r\n        reader.readAsDataURL(file!);\r\n        reader.onload = () => {\r\n            const data = new FormData();\r\n            data.append(file!.name, file!);\r\n\r\n            app.api.uploadDocumentTemplate(data, documentTemplate!.type!)\r\n                .then(() => {\r\n                    app.setAppMessage({\r\n                        text: \"Template uploaded\",\r\n                        icon: <Icon iconName=\"Save\" />\r\n                    });\r\n\r\n                    if (fileUploadRef.current) {\r\n                        let input: HTMLInputElement = fileUploadRef.current as any;\r\n                        input.value = \"\";\r\n                    }\r\n\r\n                    setWorking(false);\r\n                    dismiss(true);\r\n                })\r\n                .catch(err => {\r\n                    console.log(\"Error\", err);\r\n                    setWorking(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <Icon iconName=\"Error\" />\r\n                    });\r\n                });\r\n        };\r\n    }\r\n\r\n    const downloadTemplate = async () => {\r\n        try {\r\n            let base64string = await app.api.downloadDocumentTemplate(documentTemplate!.id)\r\n            let tResult = triggerDownload(base64string, documentTemplate!.filename!);\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faFile} />, text: \"Document template downloaded\" });\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n    }\r\n\r\n    const deleteTemplate = () => {\r\n        setWorking(true);\r\n\r\n        app.api.deleteDocumentTemplate(documentTemplate!.id)\r\n            .then(_ => {\r\n                app.setAppMessage({ text: \"Template deleted\" });\r\n                setWorking(false);\r\n                dismiss(true);\r\n            })\r\n            .catch(err => {\r\n                console.log(err);\r\n                app.setAppMessage({ text: \"Unable to delete template\" });\r\n                setWorking(false);\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setDocumentTemplate(template);\r\n        setFile(undefined);\r\n    }, [template])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            warningMessage={getWarningMessage()}\r\n            working={working}\r\n            title={isNew ? \"Add new template\" : documentTemplate ? `Update ${DocumentTemplateType[documentTemplate.type!]} template` : \"\"}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            isOpen={documentTemplate !== undefined}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faFileAlt} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    disabled: isNew || working,\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                },\r\n                {\r\n                    title: \"Download\",\r\n                    disabled: isNew || working,\r\n                    icon: <FontAwesomeIcon icon={faCloudDownload} />,\r\n                    onClick: downloadTemplate\r\n                }\r\n            ]}\r\n    \r\n            footerButtons={[\r\n                {\r\n                    type: \"Primary\",\r\n                    title: \"Upload\",\r\n                    disabled: !file || !documentTemplate || !documentTemplate.type,\r\n                    onClick: () => {\r\n                        uploadTemplate();\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Close\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {documentTemplate &&\r\n                <Body>\r\n                    <div>\r\n                        <Dropdown\r\n                            title=\"Template type\"\r\n                            disabled={!isNew}\r\n                            placeholder=\"Select template type\"\r\n                            selectedKey={documentTemplate.type ? documentTemplate.type : undefined}\r\n                            options={convertToKeyValuePair(DocumentTemplateType)}\r\n                            onChange={(ev, v) => {\r\n                                if (v) {\r\n                                    setDocumentTemplate({ ...documentTemplate, type: Number(v.key) });\r\n                                    setFile(undefined);\r\n                                }\r\n                            }}\r\n                        />\r\n                        <div className=\"description\">\r\n                            Template type\r\n                        </div>\r\n                    </div>\r\n\r\n                    {documentTemplate.type &&\r\n                        <>\r\n                            <label className=\"item-action\" htmlFor=\"fileUploadTemplate\" title={isNew ? \"Click to select a file\" : \"Click to select a new file\"}>\r\n                                <div className=\"file-picker\">\r\n                                    <div className=\"txt\" style={{ color: !file && !documentTemplate.filename ? \"#666\" : undefined }}>\r\n                                        {file\r\n                                            ? file.name\r\n                                            : documentTemplate.filename\r\n                                                ? documentTemplate.filename\r\n                                                : \"Select a file to upload\"\r\n                                        }\r\n                                    </div>\r\n                                    <div className=\"picker-button\">\r\n                                        <FontAwesomeIcon icon={faFileAlt} />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"description\">\r\n                                    File\r\n                                </div>\r\n                            </label>\r\n\r\n                            <input\r\n                                id=\"fileUploadTemplate\"\r\n                                type=\"file\"\r\n                                accept={getAcceptedFiles()}\r\n                                ref={fileUploadRef}\r\n                                style={{ display: \"none\" }}\r\n                                onChange={_ => {\r\n                                    if (_.target.files && _.target.files.length === 1) {\r\n                                        var file = _.target.files[0];\r\n                                        var filesize = ((file.size / 1024) / 1024); // MB\r\n\r\n                                        if (filesize <= 1) {\r\n                                            setFile(file);\r\n                                        }\r\n                                        else {\r\n                                            app.setAppMessage({ text: \"The maximum file size is 1 MB\" })\r\n                                        }\r\n                                    }\r\n                                }}\r\n                            />\r\n                        </>\r\n                    }\r\n\r\n                    <AppDialog\r\n                        title=\"Delete file?\"\r\n                        subText={\"Are you sure you want to delete the template? You will not be able to recover the file.\"}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            deleteTemplate();\r\n                        }}\r\n                    />\r\n\r\n                </Body>\r\n            }\r\n        </AppPanelNew >\r\n    );\r\n};","export enum LogReportProperty {\r\n    Comments = 10,\r\n    Course = 20,\r\n    Displacement = 30,\r\n    Distance = 40,\r\n    DraftAft = 50,\r\n    DraftMidShip = 55,\r\n    DraftForward = 60,\r\n    NextPortCall = 70,\r\n    EtaNextPortCall = 80,\r\n    SpeedOverGround = 90,\r\n    SpeedThroughWater = 100,\r\n    WindDirectionTrue = 110,\r\n    WindDirectionRelative = 120,\r\n    Windforce = 130,\r\n    Consumptions = 140,\r\n    RemainingOnboard = 150,\r\n    ShoreSideElectricity = 160,\r\n    Position = 170,\r\n    CargoOnboard = 180,\r\n    DeadweightCarried = 190,\r\n    FreshWaterRob = 200,\r\n    OilTankRob = 210,\r\n    DistanceToGo = 220,\r\n    AverageSpeed = 230,\r\n    WaveHeight = 240,\r\n    WaveDirection = 250,\r\n    DirectionOfCurrent = 260,\r\n    SpeedOfCurrent = 270\r\n}","import React, { useState } from \"react\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { faFileAlt, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { useDocumentTemplates } from \"../../../../../api/hooks/useDocumentTemplates\";\r\nimport { DocumentTemplateType, IDocumentTemplate } from \"../../../../../interfaces/IDocumentTemplate\";\r\nimport { ModifiedString } from \"../../../../../blocks/modifiedString/ModifiedString\";\r\nimport { EditDocumentTemplate } from \"./EditDocumentTemplate\";\r\nimport { useFileFunctions } from \"../../../../../hooks/useFileFunctions\";\r\n\r\nexport const CompanyDocumentTemplates = () => {\r\n    const { documentTemplates, isValidating, mutate } = useDocumentTemplates();\r\n    const { getExtension } = useFileFunctions();\r\n    const [editDocumentTemplate, setEditDocumentTemplate] = useState<IDocumentTemplate | undefined>();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"icon\",\r\n            title: <FontAwesomeIcon icon={faFileAlt} />,\r\n            noPadding: true,\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IDocumentTemplate) => {\r\n                return <Icon {...getFileTypeIconProps({ extension: getExtension(_.filename!), size: 20, imageFileType: 'png' })} style={{ margin: \"16px 0 0 30px\" }} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"filename\",\r\n            gridCellWidth: \"2fr\"\r\n        },\r\n        {\r\n            key: \"type\",\r\n            gridCellWidth: \"1fr\",\r\n            render: (_: IDocumentTemplate) => {\r\n                return DocumentTemplateType[_.type!];\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            title: \"Modified\",\r\n            gridCellWidth: \"1fr\",\r\n            textAlign: \"right\",\r\n            render: (_: IDocumentTemplate) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"modifiedBy\",\r\n            title: \"Modified by\",\r\n            gridCellWidth: \"1fr\",\r\n            render: (_: IDocumentTemplate) => {\r\n                return _.modifiedBy;\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Card\r\n            title=\"Document templates\"\r\n            height=\"100%\"\r\n            actions={[\r\n                {\r\n                    title: \"Edit documents and HTML templates\",\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: isValidating,\r\n                    onClick: () => setEditDocumentTemplate({ id: 0 })\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                hideHeader\r\n                noCellBorder\r\n                emptyMessage=\"No templates registered. Click the plus icon to upload a new template.\"\r\n                numShimmerRows={2}\r\n                data={documentTemplates}\r\n                columns={columns}\r\n                loading={isValidating}\r\n                rowClick={_ => {\r\n                    setEditDocumentTemplate(_);\r\n                }}\r\n            />\r\n\r\n            <EditDocumentTemplate\r\n                allTemplates={documentTemplates}\r\n                template={editDocumentTemplate}\r\n                dismiss={refresh => {\r\n                    setEditDocumentTemplate(undefined);\r\n                    if (refresh) {\r\n                        mutate();\r\n                    }\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDocumentTemplate } from \"../../interfaces/IDocumentTemplate\";\r\n\r\nexport const useDocumentTemplates = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/documentTemplates\", {\r\n        dedupingInterval: 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let documentTemplates: IDocumentTemplate[] | undefined = data;\r\n\r\n    return { documentTemplates, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Icon, IDropdownOption, PanelType } from \"@fluentui/react\";\r\nimport { faExclamation, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { LogReportProperty } from \"../../../../../_enums/LogReportProperty\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { ILogReportField } from \"../../../../../interfaces/ILogReportField\";\r\nimport { AppSpanLink } from \"../../../../../blocks/appLink/AppLink\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px 0;\r\n\r\n    >div {\r\n        margin: 15px 0;\r\n    }\r\n\r\n    .table {\r\n        margin: 20px -30px 0;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-top: 0;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditLogReportSettingsPanel: React.FC<{ isOpen: boolean, fields?: ILogReportField[], dismiss: (update?: boolean) => void }> = ({ isOpen, fields: _fields, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const [saving, setSaving] = useState(false);\r\n    const [fields, setFields] = useState<ILogReportField[]>([]);\r\n\r\n    const save = () => {\r\n        app.api.saveLogReportFields(fields)\r\n            .then(_ => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: \"Log report fields saved\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n                dismiss(true);\r\n            })\r\n            .catch(async err => {\r\n                setSaving(false);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    icon: <FontAwesomeIcon icon={faExclamation} />\r\n                });\r\n            })\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Field\",\r\n            render: (_: IDropdownOption<any>) => {\r\n                let f = fields.find(_f => Number(_f.property) === Number(_.key));\r\n                return (\r\n                    <Checkbox\r\n                        label={_.text}\r\n                        checked={f !== undefined}\r\n                        onChange={(ev, checked) => {\r\n                            let temp = checked\r\n                                ? [...fields, {\r\n                                    id: 0,\r\n                                    property: Number(_.key)\r\n                                }]\r\n                                : [...fields.filter(_f => _f.property !== Number(_.key))];\r\n\r\n                            setFields(temp);\r\n                        }}\r\n                    />\r\n\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Required\",\r\n            noPadding: true,\r\n            textAlign: \"center\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IDropdownOption<any>) => {\r\n                let f = fields.find(_f => Number(_f.property) === Number(_.key));\r\n                return (\r\n                    <Checkbox\r\n                        id={`LogReportFieldRequired_${_.key}`}\r\n                        disabled={f === undefined}\r\n                        checked={f && f.required ? true : false}\r\n                        styles={{\r\n                            root: {\r\n                                margin: \"16px 0 0 28px\",\r\n                            }\r\n                        }}\r\n                        onChange={(ev, checked) => {\r\n                            if (f) {\r\n                                setFields([...fields.filter(_f => Number(_f.property) !== Number(_.key)), { ...f, required: checked }]);\r\n                            }\r\n                        }}\r\n                    />\r\n\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Auto populate\",\r\n            noPadding: true,\r\n            textAlign: \"center\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IDropdownOption<any>) => {\r\n                let f = fields.find(_f => Number(_f.property) === Number(_.key));\r\n                return (\r\n                    <Checkbox\r\n                        id={`LogReportFieldAutoPopulate_${_.key}`}\r\n                        title=\"Only available for some fields, e.g. position.\"\r\n                        disabled={f === undefined}\r\n                        checked={f && f.autoPopulate ? true : false}\r\n                        styles={{\r\n                            root: {\r\n                                margin: \"16px 0 0 40px\",\r\n                            }\r\n                        }}\r\n                        onChange={(ev, checked) => {\r\n                            if (f) {\r\n                                setFields([...fields.filter(_f => Number(_f.property) !== Number(_.key)), { ...f, autoPopulate: checked }]);\r\n                            }\r\n                        }}\r\n                    />\r\n\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const selectAll = () => {\r\n        let _fields = [...fields];\r\n\r\n        convertToKeyValuePair(LogReportProperty).map(p => {\r\n            let existing = _fields.find(_ => Number(_.property) === Number(p.key));\r\n            if (!existing) {\r\n                _fields.push({\r\n                    id: 0,\r\n                    property: Number(p.key)\r\n                });\r\n            }\r\n        });\r\n\r\n        setFields(_fields);\r\n    }\r\n\r\n    const unSelectAll = () => {\r\n        setFields([]);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFields(isOpen && _fields ? _fields : []);\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={true}\r\n            working={saving}\r\n            title=\"Log report settings\"\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"500px\"\r\n            dismiss={() => dismiss()}\r\n            icon={<Icon iconName=\"OfficeLogo\" />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    iconName: \"Save\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: saving,\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss(),\r\n                    disabled: saving\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    Available report fields in Log Reports (e.g. Arrival, Departure Noon etc). If no fields are selected, all fields will be visible in the app.\r\n                </div>\r\n                <div>\r\n                    Note that fields in inline reports arwe configured in the flow. THis setup is for the full view of the Log reports.\r\n                </div>\r\n                <div>\r\n                    Some fields like Port and Date & Time will always be available.\r\n                </div>\r\n                <div>\r\n                    <AppSpanLink onClick={selectAll}>\r\n                        Select all\r\n                    </AppSpanLink>\r\n                    <AppSpanLink onClick={unSelectAll} style={{ marginLeft: \"15px\" }}>\r\n                        Unselect all\r\n                    </AppSpanLink>\r\n                </div>\r\n                <div className=\"table\">\r\n                    <AppGridTableNew\r\n                        topBorder\r\n                        smallHeader\r\n                        data={convertToKeyValuePair(LogReportProperty)}\r\n                        columns={columns}\r\n                    />\r\n                </div>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { EditLogReportSettingsPanel } from \"./EditLogReportSettingsPanel\";\r\nimport { useLogReportFields } from \"../../../../../api/hooks/useLogReportFields\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n`;\r\n//#endregion\r\n\r\nexport const CompanyLogReportSettings = () => {\r\n    const { logReportFields, mutate, isValidating } = useLogReportFields();\r\n    const [editOpen, setEditOpen] = useState(false);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Log report settings\"\r\n            height=\"100%\"\r\n            loading={!logReportFields && isValidating}\r\n            actions={[\r\n                {\r\n                    title: \"Edit log report settings\",\r\n                    icon: <FontAwesomeIcon icon={faEdit} />,\r\n                    onClick: () => setEditOpen(true),\r\n                    disabled: !logReportFields\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                {logReportFields && logReportFields.length > 0\r\n                    ? `${logReportFields.length} active fields`\r\n                    : \"All fields are active\"\r\n                }\r\n            </Body>\r\n\r\n            <EditLogReportSettingsPanel\r\n                isOpen={editOpen}\r\n                fields={logReportFields}\r\n                dismiss={update => {\r\n                    setEditOpen(false);\r\n                    mutate();\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ILogReportField } from \"../../interfaces/ILogReportField\";\r\n\r\nexport const useLogReportFields = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/logReportFields\", {\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let logReportFields: ILogReportField[] | undefined = data;\r\n\r\n    return { logReportFields, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { CompanyContextProvider } from \"../../../contextHooks/CompanyContext\";\r\nimport { Users } from \"./modules/users/Users\";\r\nimport { Info } from \"./modules/info/CompanyInfo\";\r\nimport { ApiKeys } from \"./modules/apiKeys/ApiKeys\";\r\nimport { CompanyVmsSettings } from \"./modules/vms/CompanyVmsSettings\";\r\nimport { CompanyOffice365Settings } from \"./modules/office365/CompanyOffice365Settings\";\r\nimport { CompanyBaseSettings } from \"./modules/baseSettings/CompanyBaseSettings\";\r\nimport { AppUsers } from \"./modules/appUsers/AppUsers\";\r\nimport { ClassificationPartner } from \"./modules/classificationPartner/ClassificationPartner\";\r\nimport { CompanyEmailTemplatesSettings } from \"./modules/emailTemplates/EmailTemplatesSettings\";\r\nimport { CompanyDocumentTemplates } from \"./modules/documentTemplates/DocumentTemplates\";\r\nimport { CompanyLogReportSettings } from \"./modules/logReport/CompanyLogReportSettings\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        gap: 30px;\r\n\r\n        @media (min-width: 2000px) {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n\r\n    .three-columns {\r\n        display: grid;\r\n        grid-template-rows: auto auto auto;\r\n        gap: 30px;\r\n\r\n        @media (min-width: 1400px) {\r\n            grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n        }\r\n    }\r\n\r\n    .four-columns {\r\n        display: grid;\r\n        grid-template-columns: repeat(1, auto);\r\n        row-gap: 30px;\r\n\r\n        @media (min-width: 1200px) {\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n\r\n            >div:first-child, >div:nth-child(2) {\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nconst Container = () => {\r\n    return (\r\n        <ContentPage working={false}>\r\n            <div>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"settings\",\r\n                                title: \"settings\",\r\n                                url: \"/settings/company\"\r\n                            },\r\n                            {\r\n                                id: \"company\",\r\n                                title: \"company\",\r\n                                url: \"/settings/company\"\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <ContentPageTitle>\r\n                        Company settings\r\n                    </ContentPageTitle>\r\n                    <Body>\r\n                        <Info />\r\n                        <div className=\"two-columns\">\r\n                            <Users />\r\n                            <AppUsers />\r\n                        </div>\r\n                        <ApiKeys />\r\n                        <div className=\"three-columns\">\r\n                            <CompanyDocumentTemplates />\r\n                            <CompanyEmailTemplatesSettings />\r\n                            <CompanyOffice365Settings />\r\n                        </div>\r\n                        <div className=\"three-columns\">\r\n                            <CompanyVmsSettings />\r\n                            <ClassificationPartner />\r\n                            <CompanyBaseSettings />\r\n                        </div>\r\n                        <div className=\"three-columns\">\r\n                            <CompanyLogReportSettings />\r\n                        </div>\r\n\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </div>\r\n        </ContentPage>\r\n    );\r\n};\r\n\r\nexport const CompanySettings = () => {\r\n    return (\r\n        <CompanyContextProvider>\r\n            <Container />\r\n        </CompanyContextProvider>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\n\r\nexport const Currency: React.FC<{ currency?: string, amount?: number, maximumFractionDigits?: number }> = ({ currency, amount, maximumFractionDigits }) => {\r\n    const [currencyString, setCurrencyString] = useState(\"?\");\r\n\r\n    const getLocales = () => {\r\n        switch (currency) {\r\n            case \"EUR\":\r\n                return \"no-NB\";\r\n            case \"USD\":\r\n                return \"en-US\";\r\n            case \"NOK\":\r\n                return \"no-NB\";\r\n            default:\r\n                return \"no-NB\";\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (currency && amount !== undefined) {\r\n            let formatter = new Intl.NumberFormat(getLocales(), {\r\n                style: 'currency',\r\n                currency,\r\n                maximumFractionDigits\r\n            });\r\n\r\n            setCurrencyString(formatter.format(amount));\r\n        }\r\n        else {\r\n            setCurrencyString(\"?\");\r\n        }\r\n    }, [currency, amount])\r\n\r\n    return (\r\n        <span>{currencyString}</span>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DefaultButton } from \"@fluentui/react\";\r\nimport { Currency } from \"../../../blocks/currency/Currency\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ active: boolean }>`\r\n    z-index: ${_ => _.active ? 1 : undefined};\r\n    position: relative;\r\n\r\n    .active-text {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: absolute;\r\n        top: -10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n\r\n        >div {\r\n            border-radius: 4px;\r\n            box-shadow: 0 -1px 1px #666;\r\n            border-bottom: unset;\r\n            padding: 4px 12px;\r\n            text-transform: uppercase;\r\n            font-size: 10px;\r\n            letter-spacing: 1px;\r\n            font-weight: 700;\r\n            background-color: #41bf5c;\r\n            color: white;\r\n        }\r\n    }\r\n`;\r\n\r\nconst InnerComponent = styled.div<{ active: boolean }>`\r\n    border-radius: 6px;\r\n    margin-left: -1px;\r\n    background-color: #eee;\r\n    box-shadow: ${_ => _.active ? \"0 0 10px #666\" : \"0 0 10px #ccc\"};\r\n    height: fit-content;\r\n    border: ${_ => _.active ? \"1px solid #0f4183\" : \"1px solid #aaa\"};\r\n    background-color: ${_ => _.active ? \"#4177bf\" : undefined};\r\n\r\n    ${_ => _.active\r\n        ? css`\r\n            background-color: \"#4177bf\";\r\n\r\n            .header, .price {\r\n                color: white;\r\n\r\n                >div:last-child {\r\n                    color: #ddd;\r\n                }\r\n            }\r\n\r\n            .feature {\r\n                >div:first-child {\r\n                    color: #ddd;\r\n                }\r\n\r\n                >div:last-child {\r\n                    color: #bbb !important;\r\n                }\r\n            }            \r\n        `\r\n        : undefined\r\n    }  \r\n\r\n    >div {\r\n        padding: 0 30px;\r\n        text-align: center;\r\n    }\r\n\r\n    .header {\r\n        font-size: 18px;\r\n        padding: 20px 0 10px;\r\n    }\r\n\r\n    .price {\r\n        padding-bottom: 15px;\r\n\r\n        >div:first-child {\r\n            font-size: 30px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    .feature {\r\n        padding: 4px 0;\r\n        >div:first-child {\r\n            font-size: 16px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        >div:last-child {\r\n            color: #aaa;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .button {\r\n        padding: 30px;\r\n    }\r\n\r\n    .description {\r\n        color: #aaa;\r\n        font-size: 12px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IPlan {\r\n    name: string,\r\n    price: number,\r\n    currency: string\r\n    includedPortcalls: number | string,\r\n    prAdditionalPortCall?: number,\r\n    prEsignedDocument: number,\r\n    prDemurrageUser: number,\r\n    maxDemurragePrYear: number,\r\n    apiAccess: number,\r\n    active: boolean\r\n}\r\n\r\nexport const Plan: React.FC<IPlan> = ({ name, price, currency, includedPortcalls, prAdditionalPortCall, prDemurrageUser, prEsignedDocument, maxDemurragePrYear, apiAccess, active }) => {\r\n    const history = useNavigate();\r\n\r\n    return (\r\n        <Component active={active}>\r\n            {active &&\r\n                <div className=\"active-text\">\r\n                    <div>\r\n                        Active plan\r\n                    </div>\r\n                </div>\r\n            }\r\n            <InnerComponent active={active}>\r\n                <div className=\"header\">\r\n                    {name}\r\n                </div>\r\n                <div className=\"price\">\r\n                    <div>\r\n                        <Currency amount={price} currency={currency} />\r\n                    </div>\r\n                    <div className=\"description\">\r\n                        vessel/month\r\n                    </div>\r\n                </div>\r\n                <div className=\"feature\">\r\n                    <div>\r\n                        {includedPortcalls}\r\n                    </div>\r\n                    <div>\r\n                        Included portcalls pr. vessel/year\r\n                    </div>\r\n                </div>\r\n                <div className=\"feature\">\r\n                    <div>\r\n                        {prAdditionalPortCall\r\n                            ? <Currency amount={prAdditionalPortCall} currency={currency} />\r\n                            : <span>Free</span>\r\n                        }\r\n\r\n                    </div>\r\n                    <div>\r\n                        Pr. additional portcall\r\n                    </div>\r\n                </div>\r\n                <div className=\"feature\">\r\n                    <div>\r\n                        <Currency amount={prEsignedDocument} currency={currency} />\r\n                    </div>\r\n                    <div>\r\n                        Pr. e-signed document\r\n                    </div>\r\n                </div>\r\n                <div className=\"feature\">\r\n                    <div>\r\n                        <Currency amount={prDemurrageUser} currency={currency} />\r\n                    </div>\r\n                    <div>\r\n                        Demurrage user/month<br />(max. <Currency amount={maxDemurragePrYear} currency={currency} /> /year)\r\n                    </div>\r\n                </div>\r\n                <div className=\"feature\">\r\n                    <div>\r\n                        <Currency amount={apiAccess} currency={currency} />\r\n                    </div>\r\n                    <div>\r\n                        API access/month\r\n                    </div>\r\n                </div>\r\n                <div className=\"button\">\r\n                    <DefaultButton\r\n                        text=\"Change plan\"\r\n                        disabled={active}\r\n                        onClick={() => history(`/help/form?s=Change to ${name} plan`)}\r\n                    />\r\n                </div>\r\n            </InnerComponent>\r\n        </Component>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { ICustomerSubscription } from \"../../../interfaces/ICustomerSubscription\";\r\nimport { Plan } from \"./Plan\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    font-size: 14px;\r\n\r\n    .app-link {\r\n        color: #4177bf;\r\n        text-decoration: none;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n\r\n    .valid-to {\r\n        margin-top: 20px;\r\n        color: #2e9f47;\r\n    }\r\n\r\n    .plans {\r\n        margin-top: 30px;\r\n        display: grid;\r\n        grid-template-columns: repeat(1, 100%);\r\n    }\r\n\r\n    @media (min-width: 900px) {\r\n        .plans {\r\n            grid-template-columns: repeat(2, 225px);\r\n        }\r\n    }\r\n\r\n    @media (min-width: 1300px) {\r\n        .plans {\r\n            grid-template-columns: repeat(4, 225px);\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const Subscription = () => {\r\n    const { app } = useAppContext();\r\n    const currency = app.currentCustomerRole.customer.invoiceSettings?.currency ? app.currentCustomerRole.customer.invoiceSettings?.currency : \"NOK\";\r\n    const history = useNavigate();\r\n    const { getError } = useRest();\r\n    const { toDateString } = useDateFunctions();\r\n    const [working, setWorking] = useState(false);\r\n    const [subscription, setSubscription] = useState<ICustomerSubscription | undefined>();\r\n\r\n    const getSubscription = async () => {\r\n        try {\r\n            let s = await app.api.getCustomerSubscription();\r\n            setSubscription(s);\r\n        }\r\n        catch (error: any) {\r\n            console.log(await getError(error));\r\n        }\r\n        setWorking(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setWorking(true);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            getSubscription();\r\n        }\r\n    }, [working])\r\n\r\n    return (\r\n        <ContentPage working={working}>\r\n            <div>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"settings\",\r\n                                title: \"settings\",\r\n                                url: \"/settings/subscription\"\r\n                            },\r\n                            {\r\n                                id: \"subscription\",\r\n                                title: \"subscription\",\r\n                                url: \"/settings/subscription\"\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <ContentPageTitle>\r\n                        Subscription\r\n                    </ContentPageTitle>\r\n                    {!working &&\r\n                        <Body>\r\n                            {subscription\r\n                                ?\r\n                                <>\r\n                                    {subscription.isValid\r\n                                        ?\r\n                                        <>\r\n                                            <div>\r\n                                                You are subscribed to the <span>{subscription?.plan?.name}</span> plan. Prices shown in the table below are standard prices and does not show special discounts for you company if applicable.\r\n                                                For inquiries related to your subsciption, please contact <span onClick={() => history(\"/help/form?s=Subscription\")} className=\"app-link\">support</span>.\r\n                                            </div>\r\n                                            <div className=\"valid-to\">\r\n                                                Valid from {toDateString(subscription.validFrom, undefined, true, true)} to {toDateString(subscription.validTo, undefined, true, true)}.\r\n                                            </div>\r\n                                        </>\r\n                                        :\r\n                                        <div>\r\n                                            Subscription ended {toDateString(subscription.validTo, undefined, false, true)}. Please contact <span onClick={() => history(\"/help/form?s=Subscription\")} className=\"app-link\">support</span>.\r\n                                        </div>\r\n                                    }\r\n                                </>\r\n                                :\r\n                                <div>\r\n                                    No subscription found. Please contact <span onClick={() => history(\"/help/form?s=Subscription\")} className=\"app-link\">support</span>.\r\n                                </div>\r\n                            }\r\n                            <div className=\"plans\">\r\n                                <Plan\r\n                                    name=\"Small\"\r\n                                    price={currency === \"EUR\" ? 1800 / 10 : 1800}\r\n                                    apiAccess={currency === \"EUR\" ? 2000 / 10 : 2000}\r\n                                    includedPortcalls={10}\r\n                                    prAdditionalPortCall={currency === \"EUR\" ? 150 / 10 : 150}\r\n                                    prDemurrageUser={currency === \"EUR\" ? 500 / 10 : 500}\r\n                                    prEsignedDocument={currency === \"EUR\" ? 2 / 10 : 2}\r\n                                    maxDemurragePrYear={currency === \"EUR\" ? 15000 / 10 : 15000}\r\n                                    currency={currency}\r\n                                    active={subscription?.plan?.name === \"Small\"}\r\n                                />\r\n                                <Plan\r\n                                    name=\"Medium\"\r\n                                    price={currency === \"EUR\" ? 2100 / 10 : 2100}\r\n                                    apiAccess={currency === \"EUR\" ? 2000 / 10 : 2000}\r\n                                    includedPortcalls={50}\r\n                                    prAdditionalPortCall={currency === \"EUR\" ? 100 / 10 : 100}\r\n                                    prDemurrageUser={currency === \"EUR\" ? 500 / 10 : 500}\r\n                                    prEsignedDocument={currency === \"EUR\" ? 2 / 10 : 2}\r\n                                    maxDemurragePrYear={currency === \"EUR\" ? 15000 / 10 : 15000}\r\n                                    currency={currency}\r\n                                    active={subscription?.plan?.name === \"Medium\"}\r\n                                />\r\n                                <Plan\r\n                                    name=\"Large\"\r\n                                    price={currency === \"EUR\" ? 2500 / 10 : 2500}\r\n                                    apiAccess={currency === \"EUR\" ? 2000 / 10 : 2000}\r\n                                    includedPortcalls={100}\r\n                                    prAdditionalPortCall={currency === \"EUR\" ? 50 / 10 : 50}\r\n                                    prDemurrageUser={currency === \"EUR\" ? 500 / 10 : 500}\r\n                                    prEsignedDocument={currency === \"EUR\" ? 2 / 10 : 2}\r\n                                    maxDemurragePrYear={currency === \"EUR\" ? 15000 / 10 : 15000}\r\n                                    currency={currency}\r\n                                    active={subscription?.plan?.name === \"Large\"}\r\n                                />\r\n                                <Plan\r\n                                    name=\"Unlimited\"\r\n                                    price={currency === \"EUR\" ? 3000 / 10 : 3000}\r\n                                    apiAccess={currency === \"EUR\" ? 2000 / 10 : 2000}\r\n                                    includedPortcalls=\"Unlimited\"\r\n                                    prDemurrageUser={currency === \"EUR\" ? 500 / 10 : 500}\r\n                                    prEsignedDocument={currency === \"EUR\" ? 2 / 10 : 2}\r\n                                    maxDemurragePrYear={currency === \"EUR\" ? 15000 / 10 : 15000}\r\n                                    currency={currency}\r\n                                    active={subscription?.plan?.name === \"Unlimited\"}\r\n                                />\r\n                            </div>\r\n                        </Body>\r\n                    }\r\n                </ContentPageBody>\r\n            </div>\r\n        </ContentPage>\r\n    );\r\n};","import { Dropdown, PrimaryButton, TextField } from \"@fluentui/react\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\n\r\nconst Component = styled.div`\r\n    height: 100%;\r\n    overflow-y: auto;\r\n`;\r\n\r\nexport const SystemSettings = () => {\r\n    const { app } = useAppContext();\r\n\r\n    return (\r\n        <Component>\r\n            <div style={{ padding: \"30px\" }}>\r\n                <div>System settings</div>\r\n\r\n\r\n\r\n{/* \r\n                <PrimaryButton\r\n                    text=\"moveEmailBodies\"\r\n                    onClick={async () => {\r\n                        app.api.testMoveEmailBodies()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br />\r\n                <br />    */}\r\n\r\n\r\n{/* \r\n                <PrimaryButton\r\n                    text=\"Test e-sign\"\r\n                    onClick={async () => {\r\n                        app.api.startESign()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br />\r\n                <br />  */}\r\n\r\n\r\n\r\n{/* \r\n                <PrimaryButton\r\n                    text=\"Copy data SC -> TS\"\r\n                    onClick={async () => {\r\n                        app.api.testCopyData()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occure\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br />\r\n                <br /> */}\r\n\r\n\r\n                {/* <PrimaryButton\r\n                    text=\"Move email bodies\"\r\n                    onClick={async () => {\r\n                        app.api.testMoveEmailBodies()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occure\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br />\r\n                <br /> */}\r\n\r\n\r\n\r\n                {/* <PrimaryButton\r\n                    text=\"Reset include in demurrage\"\r\n                    onClick={async () => {\r\n                        app.api.testUpdateFLowEventIncludeInLaytimeCalc()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occure\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br />\r\n                <br />\r\n */}\r\n\r\n                {/* <PrimaryButton\r\n                    text=\"Reset include in demurrage\"\r\n                    onClick={async () => {\r\n                        app.api.test()\r\n                        .then(() => {\r\n                            console.log(\"Done\");\r\n                        })\r\n                        .catch(_ => {\r\n                            console.log(_);\r\n                            alert(\"An error occure\");\r\n                        });\r\n                    }}\r\n                /> */}\r\n\r\n                {/* <br />\r\n                <br />\r\n\r\n                <TextField\r\n                    placeholder=\"Number of calls\"\r\n                    value={numberOfCalls.toString()}\r\n                    onChange={(ev, v) => {\r\n                        setNumberOfCalls(Number(v ? v : 10));\r\n                    }}\r\n                />\r\n\r\n                <PrimaryButton\r\n                    // disabled={true}\r\n                    text=\"Test multiple calls\"\r\n                    onClick={async () => {\r\n                        const array = new Array(numberOfCalls).fill(1);\r\n                        array.forEach(element => {\r\n                            testOne();\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n\r\n\r\n                <br />\r\n                <br /> */}\r\n\r\n\r\n\r\n                {/* \r\n                <PrimaryButton\r\n                    // disabled={true}\r\n                    text=\"Test user graph service\"\r\n                    onClick={async () => {\r\n\r\n\r\n\r\n                        let t = await app.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\"] })\r\n\r\n                        console.log(t);\r\n\r\n\r\n                        app.api.testUserGraphService(t.accessToken)\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n\r\n                            })\r\n                            .catch(async _ => {\r\n                                console.log(\"An error occured\", await getError(_));\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n\r\n\r\n                <br />\r\n                <br />\r\n\r\n\r\n                <PrimaryButton\r\n                    // disabled={true}\r\n                    text=\"Send test email using signed in user's bearer token with consented scope\"\r\n                    onClick={async () => {\r\n\r\n\r\n                        //let t = await app.msal.acquireTokenSilent({ scopes: [\"Mail.Send\"] })\r\n\r\n                        //let t = await app.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\", \"Mail.Send\"] })\r\n\r\n\r\n                        // Just send what u need to avvoid calls to end point\r\n                        //let t = await app.msal.acquireTokenSilent({ scopes: [\"Mail.Send\", \"Mail.Send.Shared\", \"Mail.ReadWrite.Shared\"] })\r\n\r\n\r\n\r\n                        let t = await app.msal.acquireTokenSilent({ scopes: [\"Sites.ReadWrite.All\", \"Mail.Send\", \"Mail.Send.Shared\"] })\r\n\r\n                        // let t = await app.msal.acquireTokenSilent({ scopes: [\".default\"] })\r\n\r\n                        console.log(t);\r\n\r\n\r\n                        app.api.test(t.accessToken)\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n\r\n                            })\r\n                            .catch(async _ => {\r\n                                console.log(\"An error occured\", await getError(_));\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br /> */}\r\n\r\n\r\n                {/* \r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Test message API\"\r\n                    onClick={() => {\r\n\r\n                        app.apiMessage.test()\r\n                            .then(() => {\r\n                                console.log(\"Done\");\r\n                                \r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while masking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n\r\n                <div style={{ display: \"flex\" }}>\r\n\r\n                    <PrimaryButton\r\n                        disabled={true}\r\n                        text=\"Setup demo data for vessel\"\r\n                        onClick={() => {\r\n\r\n                            app.api.setupDemo(vesselId)\r\n                                .then(() => {\r\n                                    alert(\"Demo setup done\");\r\n                                })\r\n                                .catch(_ => {\r\n                                    console.log(_);\r\n                                    alert(\"An error occured while setting up demo\");\r\n                                });\r\n                        }}\r\n                    />\r\n                    <Dropdown\r\n                        style={{ width: \"200px\" }}\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKey={vesselId}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n                            setVesselId(Number(item.key));\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: _.name\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </div>\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Mask data\"\r\n                    onClick={() => {\r\n\r\n                        app.api.maskData(true)\r\n                            .then(() => {\r\n                                alert(\"Masking done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while masking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Unmask data\"\r\n                    onClick={() => {\r\n\r\n                        app.api.maskData(false)\r\n                            .then(() => {\r\n                                alert(\"Unmasking done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Setup demo vessels and accounts\"\r\n                    onClick={() => {\r\n                        app.api.setupDemoAccounts()\r\n                            .then(() => {\r\n                                alert(\"Setup done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n                {/* \r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Create dwh test data\"\r\n                    onClick={() => {\r\n                        app.api.createDwhTest()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n                {/* <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Map berths\"\r\n                    onClick={() => {\r\n                        app.api.setupMapBerths()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Map customer berths\"\r\n                    onClick={() => {\r\n                        app.api.setupMapCustomerBerths()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Map port to portcalls\"\r\n                    onClick={() => {\r\n                        app.api.setupMapPortToPortCalls()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n                <PrimaryButton\r\n                    disabled={true}\r\n                    text=\"Generate performance\"\r\n                    onClick={() => {\r\n                        app.api.generatePerformance(8810)\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n\r\n                <br /><br /> */}\r\n\r\n                {/* <PrimaryButton\r\n                    // disabled={true}\r\n                    text=\"Update voyage start stop\"\r\n                    onClick={() => {\r\n                        app.api.systemUpdateVoyageStartStop()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n\r\n                {/* <br /><br />\r\n\r\n                <PrimaryButton\r\n                    // disabled={true}\r\n                    text=\"Delete data\"\r\n                    onClick={() => {\r\n                        app.api.deleteData()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured while unmasking data\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n\r\n\r\n                {/* <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"Test set arrived to dataloy\"\r\n                    onClick={() => {\r\n                        app.api.testSetArrived()\r\n                            .then(() => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br /> */}\r\n\r\n\r\n                {/* <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"Test weather\"\r\n                    onClick={() => {\r\n                        app.api.testForecast(\"2023-02-23T03:41:11Z\")\r\n                            .then(_ => {\r\n                                // alert(\"Done\");\r\n                                console.log(\"Done getting forecasts\");\r\n                                console.log(_);\r\n                                \r\n                                \r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br /> */}\r\n\r\n                {/* \r\n                <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"1. Set cargo measurements\"\r\n                    onClick={() => {\r\n                        app.api.testSetMeasurement()\r\n                            .then(_ => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                />\r\n\r\n                <br /><br />\r\n\r\n\r\n                <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"2. Set commodity default measurements\"\r\n                    onClick={() => {\r\n                        app.api.testSetCommodityMeasurement()\r\n                            .then(_ => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n                {/* <br /><br />\r\n\r\n\r\n                <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"Update Dwh\"\r\n                    onClick={() => {\r\n                        app.api.testUpdateDwh()\r\n                            .then(_ => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n\r\n                {/* <br /><br />\r\n\r\n\r\n                <PrimaryButton\r\n                    disabled={false}\r\n                    text=\"Set is leg\"\r\n                    onClick={() => {\r\n                        app.api.setLogReportIsLeg()\r\n                            .then(_ => {\r\n                                alert(\"Done\");\r\n                            })\r\n                            .catch(_ => {\r\n                                console.log(_);\r\n                                alert(\"An error occured\");\r\n                            });\r\n                    }}\r\n                /> */}\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </Component>\r\n    );\r\n};","import { useEffect, useRef, useState } from \"react\";\r\n\r\nexport const useSpeechSynthesis = () => {\r\n    const [voices, setVoices] = useState<SpeechSynthesisVoice[]>([]);\r\n    const synth = useRef<SpeechSynthesis | undefined>();\r\n\r\n    const saveVoice = (v: SpeechSynthesisVoice) => {\r\n        localStorage.setItem(\"RTPO_Voice\", v.name);\r\n    }\r\n\r\n    const updateVoices = () => {\r\n        if (!synth || !synth.current) return;\r\n        setVoices(synth.current.getVoices().filter(_ => _.lang.toLowerCase().startsWith(\"en-\")));\r\n    };\r\n\r\n    const speak = (text: string, voice: SpeechSynthesisVoice, pitch = 1, rate = 1) => {\r\n        const utterance = new SpeechSynthesisUtterance(text);\r\n        utterance.voice = voice;\r\n        utterance.pitch = pitch;\r\n        utterance.rate = rate;\r\n\r\n        if (!synth || !synth.current) return;\r\n\r\n        synth.current.speak(utterance);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (typeof window !== 'object' || !window.speechSynthesis) return;\r\n\r\n        synth.current = window.speechSynthesis;\r\n        synth.current.onvoiceschanged = updateVoices;\r\n        updateVoices();\r\n\r\n        return () => {\r\n            if (!synth || !synth.current) return;\r\n            synth.current.onvoiceschanged = null\r\n        }\r\n    }, []);\r\n\r\n    const getActiveVoice = (): SpeechSynthesisVoice | undefined => {\r\n        if (voices.length > 0) {\r\n            // Check if storage has a key\r\n            let storageValue = localStorage.getItem(\"RTPO_Voice\");\r\n\r\n            if (storageValue) {\r\n                let v = voices.find(_ => _.name === storageValue);\r\n                if (v) {\r\n                    return v;\r\n                }\r\n            }\r\n\r\n            return voices[0];\r\n        }\r\n    }\r\n\r\n    return {\r\n        getActiveVoice,\r\n        saveVoice,\r\n        speak,\r\n        updateVoices,\r\n        voices\r\n    };\r\n}","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IUserSettings } from '../interfaces/IUserSettings';\r\nimport { TimezoneTypes } from '../_enums/TimezoneTypes';\r\nimport { IUserSettingsExtended } from '../interfaces/IUserSettingsExtended';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setUserSettings\", userSettings: IUserSettings }\r\n    | { type: \"setUserSettingsExtended\", userSettingsExtended: IUserSettingsExtended }\r\n    | { type: \"setVoice\", voice?: SpeechSynthesisVoice };\r\n\r\ntype UserSettingsData = {\r\n    userSettings: IUserSettings\r\n    userSettingsExtended: IUserSettingsExtended\r\n    voice?: SpeechSynthesisVoice\r\n}\r\n\r\ninterface IReducers {\r\n    state: UserSettingsData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    userSettings: {\r\n        id: 0,\r\n        speechEnabled: false,\r\n        timezoneType: TimezoneTypes.Port,\r\n        fixtureCompleteEmail: false\r\n    },\r\n    userSettingsExtended: {\r\n        id: 0,\r\n        mailSignature: \"\"\r\n    }\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useUserSettingsContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: UserSettingsData, action: ReducerAction): UserSettingsData => {\r\n    switch (action.type) {\r\n        case \"setUserSettings\":\r\n            return {\r\n                ...state,\r\n                userSettings: action.userSettings\r\n            };\r\n            case \"setUserSettingsExtended\":\r\n                return {\r\n                    ...state,\r\n                    userSettingsExtended: action.userSettingsExtended\r\n                };\r\n        case \"setVoice\":\r\n            return {\r\n                ...state,\r\n                voice: action.voice\r\n            };\r\n    }\r\n}\r\n\r\nexport const UserSettingsContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useUserSettingsProvider = () => {\r\n    const { state, dispatch } = useUserSettingsContext();\r\n\r\n    return {\r\n        userSettings: state.userSettings,\r\n        userSettingsExtended: state.userSettingsExtended,\r\n        voice: state.voice,\r\n\r\n        setUserSettings: (userSettings: IUserSettings) => {\r\n            dispatch({\r\n                type: \"setUserSettings\",\r\n                userSettings\r\n            })\r\n        },\r\n        setUserSettingsExtended: (userSettingsExtended: IUserSettingsExtended) => {\r\n            dispatch({\r\n                type: \"setUserSettingsExtended\",\r\n                userSettingsExtended\r\n            })\r\n        },\r\n        setVoice: (voice?: SpeechSynthesisVoice) => {\r\n            dispatch({\r\n                type: \"setVoice\",\r\n                voice\r\n            })\r\n        }\r\n    };\r\n}","import { Checkbox, DefaultButton, Dropdown, IconButton } from \"@fluentui/react\";\r\nimport { faVolumeUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useSpeechSynthesis } from \"../../../../../hooks/useSpeechSynthesis\";\r\nimport { useUserSettingsProvider } from \"../../../../../contextHooks/UserSettingsContext\";\r\n\r\n//#region Styled Components\r\nconst Info = styled.div`\r\n    color: #333;\r\n    margin-bottom: 10px;\r\n`;\r\n\r\nconst Main = styled.div`\r\n    display: grid;\r\n    grid-template-columns: minmax(0, 1fr) auto;\r\n    gap: 10px;\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        align-items: flex-end;\r\n    }\r\n`;\r\n\r\nconst Buttons = styled.div`\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    margin: 20px -5px 0;\r\n\r\n    button {\r\n        margin: 5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const UserSpeechSettings = () => {\r\n    const { app } = useAppContext();\r\n    const { getActiveVoice, speak, updateVoices, voices } = useSpeechSynthesis();\r\n    const { voice, userSettings, setVoice, setUserSettings } = useUserSettingsProvider();\r\n\r\n    useEffect(() => {\r\n        // Chrome failes on first fetch, so try to get after render\r\n        setTimeout(() => {\r\n            if (voices.length === 0) {\r\n                updateVoices();\r\n            }\r\n        }, 100);\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setVoice(getActiveVoice());\r\n    }, [voices])\r\n\r\n    return (\r\n        <Card title=\"Speech settings\" icon={<FontAwesomeIcon icon={faVolumeUp} />}>\r\n            <div style={{ padding: \"20px 30px\" }}>\r\n                <Info>\r\n                    Speech is used for certain notifications. E.g. vessels arriving or departing ports. All notifications are in english.\r\n                </Info>\r\n                <div style={{ margin: \"20px 0 12px\" }}>\r\n                    <Checkbox\r\n                        label=\"Enabled\"\r\n                        checked={userSettings ? userSettings.speechEnabled : false}\r\n                        onChange={(ev, checked) => {\r\n                            setUserSettings({\r\n                                ...userSettings,\r\n                                speechEnabled: checked ? checked : false\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                <Main>\r\n                    <Dropdown\r\n                        disabled={!userSettings?.speechEnabled}\r\n                        style={{ maxWidth: \"100%\" }}\r\n                        label=\"Select voice\"\r\n                        selectedKey={voice?.name}\r\n                        options={voices.map(v => {\r\n                            return {\r\n                                key: v.name,\r\n                                text: v.name\r\n                            }\r\n                        })}\r\n                        onChange={(ev, option) => {\r\n                            if (option) {\r\n                                let v = voices.find(_ => _.name === option.key);\r\n                                if (v) {\r\n                                    setVoice(v);\r\n                                }\r\n                            }\r\n                        }}\r\n                    />\r\n                    <div>\r\n                        <IconButton\r\n                            iconProps={{ iconName: \"Refresh\" }}\r\n                            title=\"Refresh voice list\"\r\n                            styles={{\r\n                                root: {\r\n                                    border: \"1px #666 solid\",\r\n                                    color: \"#333\"\r\n                                }\r\n                            }}\r\n                            onClick={() => {\r\n                                updateVoices();\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </Main>\r\n\r\n                <Buttons>\r\n                    <DefaultButton\r\n                        text=\"Test\"\r\n                        iconProps={{ iconName: \"Microphone\" }}\r\n                        disabled={voices.length === 0 || !voice}\r\n                        onClick={() => {\r\n                            speak(`Hi ${app.me.name}, just letting you know that your vessel arrived in Southampton 10 minutes ago`, voice!);\r\n                        }}\r\n                    />\r\n                </Buttons>\r\n\r\n            </div>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport {  Dropdown } from \"@fluentui/react\";\r\nimport { faClock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useUserSettingsProvider } from \"../../../../../contextHooks/UserSettingsContext\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { TimezoneTypes } from \"../../../../../_enums/TimezoneTypes\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Info = styled.div`\r\n    color: #333;\r\n    margin-bottom: 5px;\r\n`;\r\n\r\nconst Main = styled.div`\r\n    padding: 20px 30px 35px;\r\n\r\n    >div {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const UserDateSettings = () => {\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { userSettings, setUserSettings } = useUserSettingsProvider();\r\n\r\n    return (\r\n        <Card title=\"Date and time settings\" icon={<FontAwesomeIcon icon={faClock} />} height=\"100%\" >\r\n            <Main>\r\n                <div>\r\n                    <Info>\r\n                        Select time zone date and times.\r\n                    </Info>\r\n                    <Dropdown\r\n                        style={{ maxWidth: \"100%\" }}\r\n                        selectedKey={userSettings.timezoneType}\r\n                        options={convertToKeyValuePair(TimezoneTypes)}\r\n                        onChange={(ev, option) => {\r\n                            setUserSettings({\r\n                                ...userSettings,\r\n                                timezoneType: option ? Number(option.key) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                {userSettings.timezoneType === TimezoneTypes.Fixed &&\r\n                    <div>\r\n                        <Info>\r\n                            Select fixed timezone\r\n                        </Info>\r\n                        <AppSearchBox\r\n                            title=\"Fixed timezone\"\r\n                            additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                            placeHolder=\"Search for timezone\"\r\n                            endPoint=\"ports/searchTimezones\"\r\n                            keyProp=\"timeZone\"\r\n                            titleProp=\"timeZone\"\r\n                            minLengthBeforeSearhing={2}\r\n                            defaultValue={userSettings.fixedTimezone ? {\r\n                                timeZone: userSettings.fixedTimezone\r\n                            } : undefined}\r\n                            maxResultsContainerHeight=\"295px\"\r\n                            onSelected={(_?: { timeZone: string }) => {\r\n                                setUserSettings({\r\n                                    ...userSettings,\r\n                                    fixedTimezone: _?.timeZone\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                }\r\n            </Main>\r\n        </Card>\r\n    );\r\n};","import { faCheck, faClose, faHandshake, faRefresh } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { useScopes } from \"../../../../../hooks/useScopes\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 20px 30px 25px;\r\n\r\n    .scopes {\r\n        margin: 20px 0;\r\n\r\n        .scope {\r\n            .name {\r\n                display: grid;\r\n                grid-template-columns: 40px 1fr;\r\n                margin-top: 14px;\r\n\r\n                .icon {\r\n                    >div {\r\n                        height: 20px;\r\n                        width: 20px;\r\n                        border-radius: 50%;\r\n                        background-color: #ddd;\r\n                        color: #555;\r\n                        display: flex;\r\n                        align-items: center;\r\n                        justify-content: center;\r\n                        font-size: 12px;\r\n                    }\r\n                }\r\n\r\n                .consent-ok {\r\n                    color: #aaa;\r\n                }\r\n            }\r\n\r\n            .desc {\r\n                padding: 2px 0 0 40px;\r\n                color: #888;\r\n                font-size: 12px;\r\n            }\r\n        }\r\n\r\n        .scope.consented {\r\n            .icon {\r\n                >div {\r\n                    background-color: #32ad32;\r\n                    color: white;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .link {\r\n        color: #4177bf;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IScopeWithDescription {\r\n    scope: string\r\n    description: string\r\n}\r\n\r\nexport const UserConsentSettings = () => {\r\n    const { app } = useAppContext();\r\n    const { getConsentedScopes } = useScopes(app.msal);\r\n    const { getError } = useRest();\r\n    const [consentedScopes, setConsentedScopes] = useState<string[]>([]);\r\n\r\n    const availableScopes: IScopeWithDescription[] = [\r\n        { scope: \"Files.Read\", description: \"Reading files you you have access to in SharePoint Online\" },\r\n        // { scope: \"Mail.Read\", description: \"Read your own emails\" },\r\n        // { scope: \"Mail.Read.Shared\", description: \"Read emails in shared mailbox\" },\r\n        { scope: \"Mail.Send\", description: \"Send mail as you\" },\r\n        { scope: \"Mail.Send.Shared\", description: \"Sending mail on behalf of other users you have access to\" },\r\n        { scope: \"People.Read\", description: \"Read info of your contacts\" },\r\n        { scope: \"Sites.ReadWrite.All\", description: \"Work with files and folders you have access to in SharePoint Online\" },\r\n        { scope: \"Sites.Manage.All\", description: \"Create document libraries in SharePoint Online\" }\r\n    ];\r\n\r\n    const consent = async (scopes: string[]) => {\r\n        try {\r\n            let result = await app.msal.acquireTokenPopup({\r\n                scopes: scopes,\r\n                prompt: \"consent\"\r\n            });\r\n            app.setAppMessage({ text: `Successfylly consented ${scopes.length > 1 ? \"scopes\" : \"scope\"} ${scopes.join(\", \")}. Hit the refresh button to see updated consents. It might take a few seconds to show.` });\r\n        } catch (error) {\r\n            app.setAppMessage({ text: await getError(error) });\r\n        }\r\n    }\r\n\r\n    const getScopes = async () => {\r\n        let scopes = await getConsentedScopes();\r\n        setConsentedScopes(scopes);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getScopes();\r\n    }, [])\r\n\r\n    return (\r\n        <Card\r\n            title=\"Consent\"\r\n            height=\"100%\"\r\n            icon={<FontAwesomeIcon icon={faHandshake} />}\r\n            actions={[{\r\n                title: \"Refresh\",\r\n                icon: <FontAwesomeIcon icon={faRefresh} />,\r\n                onClick: getScopes\r\n            }]}\r\n        >\r\n            <Container>\r\n                <div className=\"info\">\r\n                    Some features requires delegated permissions on behalf of you to access certain data and perform actions in Office 365. Consent to the permissions below in order to take full advantage of these features.\r\n                </div>\r\n                <div className=\"scopes\">\r\n                    {availableScopes.map(scope => {\r\n                        let consented = consentedScopes.find(_ => _.toLowerCase() === scope.scope.toLowerCase());\r\n\r\n                        return (\r\n                            <div key={scope.scope} className={`scope ${consented ? \"consented\" : \"\"}`}>\r\n                                <div className=\"name\">\r\n                                    <div className=\"icon\" title={consented ? \"Conseted ok\" : undefined}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={consented ? faCheck : faClose} />\r\n                                        </div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <span>{scope.scope} | </span>\r\n                                        <span>\r\n                                            {consented\r\n                                                ? <span style={{color:\"#888\"}}>Consented</span>\r\n                                                : <span title={`Consent ${scope.scope}`} className=\"link\" onClick={() => consent([scope.scope])}>Consent</span>\r\n                                            }\r\n                                        </span>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"desc\">\r\n                                    {scope.description}\r\n                                </div>\r\n                            </div>\r\n                        );\r\n                    })}\r\n                </div>\r\n                <div>\r\n                    <span title=\"Consent all permissions\" className=\"link\" onClick={() => consent(availableScopes.map(_ => _.scope))}>\r\n                        Consent all\r\n                    </span>\r\n                </div>\r\n            </Container>\r\n        </Card >\r\n    );\r\n};","import { IPublicClientApplication } from \"@azure/msal-browser\";\r\n\r\nexport const useScopes = (app: IPublicClientApplication) => {\r\n\r\n    const getConsentedScopes = async (removeGuid: boolean = true) => {\r\n        try {\r\n            let r = await app.acquireTokenSilent({ scopes: [\".default\"] });\r\n            return !removeGuid\r\n                ? r.scopes\r\n                : r.scopes.map(_ => {\r\n                    let splitted = _.split(\"/\");\r\n                    return splitted[splitted.length - 1];\r\n                });\r\n        } catch (error) {\r\n            console.error(error);\r\n            return [];\r\n        }\r\n    }\r\n\r\n    return { getConsentedScopes };\r\n};","import useSWR from \"swr\";\r\nimport { IUserSettingsExtended } from \"../../interfaces/IUserSettingsExtended\";\r\n\r\nexport const useUserSettingsExtended = () => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(\"/me/settingsExtended\", {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let userSettingsExtended: IUserSettingsExtended | undefined = data ? data : undefined;\r\n\r\n    return { userSettingsExtended, error, fetching, mutate };\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faUserEdit } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { Editor } from \"../../../../../blocks/editor/Editor\";\r\nimport { useUserSettingsProvider } from \"../../../../../contextHooks/UserSettingsContext\";\r\nimport { useUserSettingsExtended } from \"../../../../../api/hooks/useUserSettingsExtended\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n\r\n    .quill {\r\n        display: grid;\r\n        grid-template-rows: auto 1fr;\r\n        width: 100%;\r\n    }\r\n\r\n    .ql-toolbar {\r\n        border: none;\r\n        border-bottom: 1px #bbb solid;\r\n        padding: 20px 20px;\r\n    }\r\n    \r\n    .ql-container {\r\n        border: none;\r\n    }\r\n\r\n    .ql-editor {\r\n        border: none;\r\n        padding: 20px 30px 30px;\r\n        font-size: 14px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const UserEmailSignature = () => {\r\n    const { userSettingsExtended, setUserSettingsExtended } = useUserSettingsProvider();\r\n    const { userSettingsExtended:  userSettingsExtendedFromApi } = useUserSettingsExtended();\r\n\r\n    useEffect(() => {\r\n        if (userSettingsExtendedFromApi) {\r\n            setUserSettingsExtended(userSettingsExtendedFromApi);\r\n        }\r\n    }, [userSettingsExtendedFromApi])\r\n\r\n    return (\r\n        <Card title=\"Email signature\" height=\"100%\" icon={<FontAwesomeIcon icon={faUserEdit} />}>\r\n            <Container>\r\n                <Editor\r\n                    value={userSettingsExtended.mailSignature}\r\n                    onChange={v => {\r\n                        setUserSettingsExtended({ ...userSettingsExtended, mailSignature: v });\r\n                    }} />\r\n            </Container>\r\n        </Card >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { faClock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useUserSettingsProvider } from \"../../../../../contextHooks/UserSettingsContext\";\r\nimport { useAppProvider } from \"../../../../../contextHooks/AppContext\";\r\nimport { useEmailFunctions } from \"../../../../../hooks/useEmailFunctions\";\r\n\r\n//#region Styled Components\r\nconst Info = styled.div`\r\n    color: #333;\r\n    margin-bottom: 5px;\r\n`;\r\n\r\nconst Main = styled.div`\r\n    padding: 20px 30px 35px;\r\n\r\n    >div {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const UserEmailSettings = () => {\r\n    const { userSettings, setUserSettings } = useUserSettingsProvider();\r\n    const { getSenders } = useEmailFunctions();\r\n    const { currentCompanyRole, user } = useAppProvider();\r\n\r\n    return (\r\n        <Card title=\"Email settings\" icon={<FontAwesomeIcon icon={faClock} />} height=\"100%\" >\r\n            <Main>\r\n                <div>\r\n                    <Info>\r\n                        Default send from address.\r\n                    </Info>\r\n                    <Dropdown\r\n                        style={{ maxWidth: \"100%\" }}\r\n                        selectedKey={userSettings.defaultEmailFromAddress}\r\n                        options={getSenders(user.email, currentCompanyRole?.customer.office365Settings?.emailAccounts).map(r => {\r\n                            return {\r\n                                key: r,\r\n                                text: r\r\n                            }\r\n                        })}\r\n                        onChange={(ev, option) => {\r\n                            setUserSettings({\r\n                                ...userSettings,\r\n                                defaultEmailFromAddress: option ? option.key.toString().trim() : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n\r\n            </Main>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { faCheckDouble } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useUserSettingsProvider } from \"../../../../../contextHooks/UserSettingsContext\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\n\r\n//#region Styled Components\r\nconst Main = styled.div`\r\n    padding: 20px 30px 35px;\r\n`;\r\n//#endregion\r\n\r\nexport const UserMiscSettings = () => {\r\n    const { userSettings, setUserSettings } = useUserSettingsProvider();\r\n    \r\n    return (\r\n        <Card title=\"Misc settings\" icon={<FontAwesomeIcon icon={faCheckDouble} />} height=\"100%\" >\r\n            <Main>\r\n                <CbxList>\r\n                    <Checkbox\r\n                        label=\"Receive fixture complete email\"\r\n                        checked={userSettings.fixtureCompleteEmail}\r\n                        onChange={(ev, checked) => {\r\n                            setUserSettings({\r\n                                ...userSettings,\r\n                                fixtureCompleteEmail: checked ? checked : false\r\n                            });\r\n                        }}\r\n                    />\r\n                </CbxList>\r\n            </Main>\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { UserSpeechSettings } from \"./modules/speech/UserSpeechSettings\";\r\nimport { UserDateSettings } from \"./modules/dateAndTime/UserDateAndTimeSettings\";\r\nimport { useUserSettingsProvider } from \"../../../contextHooks/UserSettingsContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faExclamationCircle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useSpeechSynthesis } from \"../../../hooks/useSpeechSynthesis\";\r\nimport { TimezoneTypes } from \"../../../_enums/TimezoneTypes\";\r\nimport { UserConsentSettings } from \"./modules/userConsent/UserConsentSettings\";\r\nimport { UserEmailSignature } from \"./modules/emailSignature/UserEmailSignature\";\r\nimport { useAppProvider } from \"../../../contextHooks/AppContext\";\r\nimport { UserEmailSettings } from \"./modules/emailSettings/UserEmailSettings\";\r\nimport { UserMiscSettings } from \"./modules/miscSettings/UserMiscSettings\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    font-size: 14px;\r\n    display: grid;\r\n    gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        row-gap: 30px;\r\n\r\n        @media (min-width: 1400px) {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const UserSettings = () => {\r\n    // Deprecated\r\n    const { app } = useAppContext();\r\n\r\n    // New using provider\r\n    const {user, setUser} = useAppProvider();\r\n    \r\n    const { getError } = useRest();\r\n    const { voice, userSettings, userSettingsExtended, setUserSettings } = useUserSettingsProvider();\r\n    const { saveVoice } = useSpeechSynthesis();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const updateSettings = async () => {\r\n        try {\r\n            let r = await Promise.all([\r\n                app.api.updateMySettings(userSettings),\r\n                app.api.updateMySettingsExtended(userSettingsExtended)\r\n            ]);\r\n\r\n            setUserSettings(r[0]);\r\n            app.updateSettings(r[0]);\r\n\r\n            //------------------------------------------\r\n            // New. Uses App Provider\r\n            setUser({ ...user, settings: r[0] });\r\n            //------------------------------------------\r\n\r\n            if (voice && userSettings.speechEnabled) {\r\n                saveVoice(voice!);\r\n            }\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: \"User settings saved\"\r\n            });\r\n        }\r\n        catch (err) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(err)\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            updateSettings();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if(user.settings) {\r\n            setUserSettings(user.settings);\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <ContentPage working={false}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Save\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />,\r\n                        disabled: saving,\r\n                        onClick: () => {\r\n                            if (userSettings.speechEnabled && !voice) {\r\n                                app.setAppMessage({ text: \"Please select a voice or disable speech\" });\r\n                                return;\r\n                            }\r\n\r\n                            if (userSettings.timezoneType === TimezoneTypes.Fixed && !userSettings.fixedTimezone) {\r\n                                app.setAppMessage({ text: \"Please select a fixed timezone\" });\r\n                                return;\r\n                            }\r\n\r\n                            setSaving(true)\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"settings\",\r\n                            title: \"settings\",\r\n                            url: \"/settings/me\"\r\n                        },\r\n                        {\r\n                            id: \"user\",\r\n                            title: \"user\",\r\n                            url: \"/settings/me\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    <span>User settings for </span><span style={{ fontSize: \"20px\", fontWeight: 400, color: \"#aaa\" }}>{app.me.name}</span>\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    <div className=\"two-columns\">\r\n                        <UserEmailSettings />\r\n                        <UserDateSettings />\r\n                    </div>\r\n                    <div className=\"two-columns\">\r\n                        <UserEmailSignature />\r\n                        <UserConsentSettings />\r\n                    </div>\r\n                    <div className=\"two-columns\">\r\n                        <UserSpeechSettings />\r\n                        <UserMiscSettings />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","export enum SystemRoles {\r\n    GlobalAdmin = 1000\r\n}","export enum DemurrageDurationType {\r\n    Time = 10,\r\n    FromTo = 20,\r\n    WithEvents = 30\r\n}\r\n\r\nexport interface IDemurrageDuration {\r\n    id: string\r\n    sortOrder: number\r\n    name: string\r\n    durationType: DemurrageDurationType\r\n    add: boolean\r\n    comment?: string\r\n}","import useSWR from \"swr\";\r\nimport { ILaytimeDurationTemplate } from \"../../interfaces/ILaytimeDurationTemplate\";\r\n\r\nexport const useLaytimeDurationTemplates = (dedupingInterval?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/laytimeDurationTemplates\", {\r\n        dedupingInterval: dedupingInterval ? dedupingInterval : 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let laytimeDurationTemplates: ILaytimeDurationTemplate[] | undefined = data\r\n        ? data\r\n        : undefined;\r\n\r\n    return { laytimeDurationTemplates, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, Dropdown, PanelType, Toggle } from \"@fluentui/react\";\r\nimport { faCalculator, faExclamationCircle, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { AppPanelNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { ILaytimeDurationTemplate } from \"../../../../../interfaces/ILaytimeDurationTemplate\";\r\nimport { DemurrageDurationType } from \"../../../../../interfaces/demurrage/IDemurrageDuration\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 8px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details: React.FC<{ t?: ILaytimeDurationTemplate, dismiss: (refresh?: boolean) => void }> = ({ t, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [template, setTemplate] = useState<ILaytimeDurationTemplate | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { getError, isForbidden } = useRest();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const save = async () => {\r\n        try {\r\n            template!.id === 0\r\n                ? await app.api.createLaytimeDurationTemplate(template!)\r\n                : await app.api.updateLaytimeDurationTemplate(template!);\r\n\r\n            setSaving(false);\r\n            dismiss(true);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: template!.id === 0 ? \"Template created\" : \"Template updated\"\r\n            });\r\n        }\r\n        catch (error) {\r\n            setSaving(false);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: isForbidden(error) ? \"Permission denied\" : \"An error occured\"\r\n            });\r\n        }\r\n    }\r\n\r\n    const deleteTemplate = async () => {\r\n        try {\r\n            await app.api.deleteLaytimeDurationTemplate(template!);\r\n            dismiss(true);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: \"Template deleted\"\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: isForbidden(error) ? \"Permission denied\" : await getError(error)\r\n            });\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setTemplate(t ? t : undefined);\r\n    }, [t])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <>\r\n            <AppPanelNew\r\n                title={template?.id === 0 ? \"New template\" : template?.name}\r\n                working={saving}\r\n                isOpen={template ? true : false}\r\n                dismiss={() => dismiss()}\r\n                icon={<FontAwesomeIcon icon={faCalculator} />}\r\n                panelType={PanelType.custom}\r\n                customWidth=\"400px\"\r\n                footerActions={[\r\n                    {\r\n                        title: \"Delete\",\r\n                        icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                        disabled: template && template.id === 0,\r\n                        onClick: () => setDeleteDialogOpen(true)\r\n                    }\r\n                ]}\r\n                footerButtons={[\r\n                    {\r\n                        title: \"Save\",\r\n                        type: \"Primary\",\r\n                        disabled: template?.name.trim().length === 0 || template?.text.trim().length === 0,\r\n                        onClick: () => setSaving(true)\r\n                    },\r\n                    {\r\n                        title: \"Cancel\",\r\n                        onClick: () => dismiss()\r\n                    }\r\n                ]}\r\n            >\r\n                {template &&\r\n                    <>\r\n                        <Body>\r\n                            <div style={{ marginBottom: \"20px\" }}>\r\n                                <Toggle\r\n                                    checked={!template.inActive}\r\n                                    offText=\"Template disabled\"\r\n                                    onText=\"Template enabled\"\r\n                                    onChange={(ev, v) => setTemplate({ ...template, inActive: v ? !v : true })}\r\n                                />\r\n                            </div>\r\n                            <TextField\r\n                                description=\"Name\"\r\n                                maxLength={100}\r\n                                value={template.name ? template.name : \"\"}\r\n                                onChange={(ev, v) => setTemplate({ ...template, name: v ? v : \"\" })}\r\n                            />\r\n                            <TextField\r\n                                description=\"Text\"\r\n                                maxLength={200}\r\n                                value={template.text ? template.text : \"\"}\r\n                                onChange={(ev, v) => setTemplate({ ...template, text: v ? v : \"\" })}\r\n                            />\r\n                            <InputWithDescription description=\"Type\" defaultDescription>\r\n                                <Dropdown\r\n                                    placeholder=\"Select type\"\r\n                                    selectedKey={template.type}\r\n                                    options={convertToKeyValuePair(DemurrageDurationType)}\r\n                                    onChange={(ev, item) => {\r\n                                        if (item) {\r\n                                            setTemplate({ ...template, type: Number(item.key) });\r\n                                        }\r\n                                    }}\r\n                                />\r\n                            </InputWithDescription>\r\n\r\n                            {template.type !== DemurrageDurationType.Time &&\r\n                                <TextField\r\n                                    description=\"Percent\"\r\n                                    suffix=\"%\"\r\n                                    autoComplete=\"off\"\r\n                                    inputMode=\"decimal\"\r\n                                    type=\"number\"\r\n                                    defaultValue={template.percent ? template.percent.toString() : \"\"}\r\n                                    onChange={(ev, v) => {\r\n                                        if (v) {\r\n                                            let numericValue = Number(v.replaceAll(\",\", \".\"));\r\n\r\n                                            if (!isNaN(Number(numericValue))) {\r\n                                                setTemplate({ ...template, percent: numericValue })\r\n                                            }\r\n                                        }\r\n                                        else {\r\n                                            setTemplate({ ...template, percent: 0 })\r\n                                            \r\n                                        }\r\n                                    }}\r\n                                />\r\n                            }\r\n\r\n                        </Body>\r\n\r\n                        <AppDialog\r\n                            title=\"Delete template\"\r\n                            subText=\"Are you sure you want to delete the laytime duration template?\"\r\n                            open={deleteDialogOpen}\r\n                            cancel={() => setDeleteDialogOpen(false)}\r\n                            commit={() => {\r\n                                setDeleteDialogOpen(false);\r\n                                deleteTemplate();\r\n                            }}\r\n                        />\r\n\r\n                    </>\r\n                }\r\n            </AppPanelNew>\r\n        </>\r\n    );\r\n};","import React, { useState } from \"react\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { ILaytimeDurationTemplate } from \"../../../../../interfaces/ILaytimeDurationTemplate\";\r\nimport { DemurrageDurationType } from \"../../../../../interfaces/demurrage/IDemurrageDuration\";\r\nimport { useLaytimeDurationTemplates } from \"../../../../../api/hooks/useLaytimeDurationTemplates\";\r\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Details } from \"./Details\";\r\nimport { useMediaQuery } from \"../../../../../hooks/useMediaQuery\";\r\n\r\nexport const DurationTemplates = () => {\r\n    const [template, setTemplate] = useState<ILaytimeDurationTemplate | undefined>();\r\n    const { splitCamlCase } = useStringFunctions();\r\n    const { laytimeDurationTemplates, mutate } = useLaytimeDurationTemplates();\r\n\r\n    const rowClick = (_: ILaytimeDurationTemplate) => {\r\n        setTemplate(_);\r\n    }\r\n\r\n    const cellStyle = (_: ILaytimeDurationTemplate) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            key: \"text\"\r\n        },\r\n        {\r\n            key: \"type\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ILaytimeDurationTemplate) => {\r\n                return splitCamlCase(DemurrageDurationType[_.type]);\r\n            }\r\n        },\r\n        {\r\n            key: \"percent\",\r\n            textAlign: \"right\",\r\n            render: (_: ILaytimeDurationTemplate) => {\r\n                return _.percent && _.percent > 0 ? `${_.percent}%` : \"-\";\r\n            }\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <Card\r\n            title=\"Duration event templates\"\r\n            height={useMediaQuery(\"(min-width: 1400px)\") ? \"292px\" : undefined}  // Must match the media queri in LaytimeSettings.tsx\r\n            maxHeight={useMediaQuery(\"(max-width: 1400px)\") ? \"292px\" : undefined}  // Must match the media queri in LaytimeSettings.tsx\r\n            actions={[\r\n                {\r\n                    title: \"New template\",\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    onClick: () => {\r\n                        setTemplate({\r\n                            id: 0,\r\n                            name: \"\",\r\n                            text: \"\",\r\n                            type: DemurrageDurationType.WithEvents,\r\n                            inActive: false\r\n                        });\r\n                    }\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                blueHeader\r\n                columns={columns}\r\n                data={laytimeDurationTemplates}\r\n                cellStyle={cellStyle}\r\n                rowClick={rowClick}\r\n            />\r\n\r\n            <Details\r\n                t={template}\r\n                dismiss={refresh => {\r\n                    setTemplate(undefined);\r\n                    if (refresh) {\r\n                        mutate();\r\n                    }\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useMediaQuery } from \"../../../../../hooks/useMediaQuery\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { useCompanyLaytimeSettings } from \"../../../../../api/hooks/useCompanyLaytimeSettings\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { ICompanyLaytimeSettings } from \"../../../../../interfaces/ICompanyLaytimeSettings\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px;\r\n\r\n    >div {\r\n        >div {\r\n            margin: 15px 0 18px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MiscLaytimeSettings = () => {\r\n    const { app } = useAppContext();\r\n    const { getError, isForbidden } = useRest();\r\n    const { laytimeSettings, isValidating } = useCompanyLaytimeSettings(app.currentCustomerRole.customer.id);\r\n    const [settings, setSettings] = useState<ICompanyLaytimeSettings | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const save = async () => {\r\n        try {\r\n            await app.api.updateCompanyLaytimeSettings(app.currentCustomerRole.customer.id, settings!);\r\n            app.setAppMessage({ text: \"Misch laytime settings saved\" })\r\n        } catch (error) {\r\n            app.setAppMessage({ text: isForbidden(error) ? \"Permission denied\" : await getError(error) })\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving]);\r\n\r\n    useEffect(() => {\r\n        if (laytimeSettings) {\r\n            setSettings(laytimeSettings);\r\n        }\r\n    }, [laytimeSettings])\r\n\r\n    return (\r\n        <Card\r\n            title=\"Misc settings\"\r\n            loading={isValidating || saving}\r\n            height={useMediaQuery(\"(min-width: 1400px)\") ? \"292px\" : undefined}  // Must match the media queri in LaytimeSettings.tsx\r\n            maxHeight={useMediaQuery(\"(max-width: 1400px)\") ? \"292px\" : undefined}  // Must match the media queri in LaytimeSettings.tsx\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    title: \"Save settings\",\r\n                    disabled: settings == undefined || saving,\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                {settings &&\r\n                    <CbxList>\r\n                        <Checkbox\r\n                            label=\"Hide timestamps on cp date in PDF\"\r\n                            checked={settings.hideTimeOnCpDate}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({ ...settings, hideTimeOnCpDate: checked ? checked : false });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Hide timestamps on coa date in PDF\"\r\n                            checked={settings.hideTimeOnCoaDate}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({ ...settings, hideTimeOnCoaDate: checked ? checked : false });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Hide timestamps on laycan dates in PDF\"\r\n                            checked={settings.hideTimeOnLayCanDates}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({ ...settings, hideTimeOnLayCanDates: checked ? checked : false });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label={`Set status to \"Sent\" when sending mail from fixture module`}\r\n                            checked={settings.setStatusToSentOnMailSent}\r\n                            onChange={(ev, checked) => {\r\n                                setSettings({ ...settings, setStatusToSentOnMailSent: checked ? checked : false });\r\n                            }}\r\n                        />\r\n                    </CbxList>\r\n                }\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ICompanyLaytimeSettings } from \"../../interfaces/ICompanyLaytimeSettings\";\r\n\r\nexport const useCompanyLaytimeSettings = (companyId: string) => {\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(`/customers/${companyId}/laytimeSettings`, {\r\n        dedupingInterval: 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let laytimeSettings: ICompanyLaytimeSettings | undefined = data\r\n        ? data\r\n        : undefined;\r\n\r\n    return { laytimeSettings, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { DurationTemplates } from \"./modules/templates/DurationTemplates\";\r\nimport { MiscLaytimeSettings } from \"./modules/misc/MiscLaytimeSettings\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        gap: 30px;\r\n\r\n        @media (min-width: 1400px) {\r\n            grid-template-columns: 1fr 1fr;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const LaytimeSettings = () => {\r\n    return (\r\n        <ContentPage working={false}>\r\n            <div>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"settings\",\r\n                                title: \"settings\",\r\n                                url: \"/settings/laytime\"\r\n                            },\r\n                            {\r\n                                id: \"laytime\",\r\n                                title: \"laytime\",\r\n                                url: \"/settings/laytime\"\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <ContentPageTitle>\r\n                        Laytime settings\r\n                    </ContentPageTitle>\r\n                    <Body>\r\n                        <div className=\"two-columns\">\r\n                            <DurationTemplates />\r\n                            <MiscLaytimeSettings />\r\n                        </div>\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </div>\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useUserSettingsProvider } from \"../../../contextHooks/UserSettingsContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faExclamationCircle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useSpeechSynthesis } from \"../../../hooks/useSpeechSynthesis\";\r\nimport { TimezoneTypes } from \"../../../_enums/TimezoneTypes\";\r\nimport { useAppProvider } from \"../../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    font-size: 14px;\r\n    display: grid;\r\n    gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        row-gap: 30px;\r\n\r\n        @media (min-width: 1400px) {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const Webhooks = () => {\r\n    // Deprecated\r\n    const { app } = useAppContext();\r\n\r\n    // New using provider\r\n    const {user, setUser} = useAppProvider();\r\n    \r\n    const { getError } = useRest();\r\n    // const { voice, userSettings, userSettingsExtended, setUserSettings } = useUserSettingsProvider();\r\n    // const { saveVoice } = useSpeechSynthesis();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    // const updateSettings = async () => {\r\n    //     try {\r\n    //         let r = await Promise.all([\r\n    //             app.api.updateMySettings(userSettings),\r\n    //             app.api.updateMySettingsExtended(userSettingsExtended)\r\n    //         ]);\r\n\r\n    //         setUserSettings(r[0]);\r\n    //         app.updateSettings(r[0]);\r\n\r\n    //         //------------------------------------------\r\n    //         // New. Uses App Provider\r\n    //         setUser({ ...user, settings: r[0] });\r\n    //         //------------------------------------------\r\n\r\n    //         if (voice && userSettings.speechEnabled) {\r\n    //             saveVoice(voice!);\r\n    //         }\r\n\r\n    //         app.setAppMessage({\r\n    //             icon: <FontAwesomeIcon icon={faSave} />,\r\n    //             text: \"User settings saved\"\r\n    //         });\r\n    //     }\r\n    //     catch (err) {\r\n    //         app.setAppMessage({\r\n    //             icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n    //             text: await getError(err)\r\n    //         });\r\n    //     }\r\n\r\n    //     setSaving(false);\r\n    // }\r\n\r\n    // useEffect(() => {\r\n    //     if (saving) {\r\n    //         updateSettings();\r\n    //     }\r\n    // }, [saving])\r\n\r\n    // useEffect(() => {\r\n    //     if(user.settings) {\r\n    //         setUserSettings(user.settings);\r\n    //     }\r\n    // }, [])\r\n\r\n    return (\r\n        <ContentPage working={false}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Save\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />,\r\n                        disabled: saving,\r\n                        onClick: () => {\r\n                            // if (userSettings.speechEnabled && !voice) {\r\n                            //     app.setAppMessage({ text: \"Please select a voice or disable speech\" });\r\n                            //     return;\r\n                            // }\r\n\r\n                            // if (userSettings.timezoneType === TimezoneTypes.Fixed && !userSettings.fixedTimezone) {\r\n                            //     app.setAppMessage({ text: \"Please select a fixed timezone\" });\r\n                            //     return;\r\n                            // }\r\n\r\n                            // setSaving(true)\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"settings\",\r\n                            title: \"settings\",\r\n                            url: \"/settings/webhooks\"\r\n                        },\r\n                        {\r\n                            id: \"webhooks\",\r\n                            title: \"webhooks\",\r\n                            url: \"/settings/webhooks\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    Webhooks\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    Comming soon..\r\n                    {/* <div className=\"two-columns\">\r\n                        <UserEmailSettings />\r\n                        <UserDateSettings />\r\n                    </div> */}\r\n                    \r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { Restricted } from \"../../blocks/restricted/Restricted\";\r\nimport { CompanyRoles } from \"../../_enums/CompanyRoles\";\r\nimport { CompanySettings } from \"./company/CompanySettings\";\r\nimport { Subscription } from \"./subscription/Subscription\";\r\nimport { SystemSettings } from \"./system/SystemSettings\";\r\nimport { UserSettings } from \"./user/UserSettings\";\r\nimport { UserSettingsContextProvider } from \"../../contextHooks/UserSettingsContext\";\r\nimport { SystemRoles } from \"../../_enums/SystemRoles\";\r\nimport { LaytimeSettings } from \"./laytime/LaytimeSettings\";\r\nimport { Webhooks } from \"./webhooks/Webhooks\";\r\n\r\nexport const Settings = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"/me\" element={\r\n                <UserSettingsContextProvider>\r\n                    <UserSettings />\r\n                </UserSettingsContextProvider>\r\n            } />\r\n\r\n            <Route path=\"/system\" element={\r\n                <Restricted requiredSystemRole={SystemRoles.GlobalAdmin}>\r\n                    <SystemSettings />\r\n                </Restricted>\r\n            } />\r\n\r\n            <Route path=\"/company\" element={\r\n                <Restricted requiredCompanyRoles={CompanyRoles.CompanyAdmin}>\r\n                    <CompanySettings />\r\n                </Restricted>\r\n            } />\r\n\r\n            <Route path=\"/laytime\" element={\r\n                <LaytimeSettings />\r\n            } />\r\n\r\n            <Route path=\"/subscription\" element={\r\n                <Restricted requiredCompanyRoles={CompanyRoles.CompanyAdmin}>\r\n                    <Subscription />\r\n                </Restricted>\r\n            } />\r\n\r\n            <Route path=\"/webhooks\" element={\r\n                <Restricted requiredCompanyRoles={CompanyRoles.CompanyAdmin}>\r\n                    <Webhooks />\r\n                </Restricted>\r\n            } />\r\n\r\n        </Routes>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IVessel } from '../interfaces/IVessel';\r\nimport { DateTime } from 'luxon';\r\nimport { IPort } from '../interfaces/IPort';\r\nimport { IDwhPortCall } from '../interfaces/IDwhPortCall';\r\nimport { IDwhLeg } from '../interfaces/IDwhLeg';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVessels\", vessels: IVessel[] }\r\n    | { type: \"setFrom\", from: Date }\r\n    | { type: \"setTo\", to: Date }\r\n    | { type: \"setPort\", port?: IPort }\r\n    | { type: \"setFromPort\", port?: IPort }\r\n    | { type: \"setToPort\", port?: IPort }\r\n    | { type: \"toggleShowInvalidOnly\" }\r\n    | { type: \"setPortCall\", portCall?: IDwhPortCall }\r\n    | { type: \"setLeg\", leg?: IDwhLeg }\r\n    | { type: \"checkLeg\", id: number, check?: boolean }\r\n    | { type: \"checkPortCall\", id: number, check?: boolean }\r\n    | { type: \"clearChecked\" }\r\n    | { type: \"setPortCalls\", portCalls: IDwhPortCall[] }\r\n    | { type: \"setLegs\", legs: IDwhLeg[] };\r\n\r\ntype ConsumptionState = {\r\n    showInvalidOnly: boolean\r\n    from: Date\r\n    to: Date\r\n    port?: IPort\r\n    fromPort?: IPort\r\n    toPort?: IPort\r\n    vessels: IVessel[]\r\n    portCall?: IDwhPortCall,\r\n    leg?: IDwhLeg\r\n    checkedLegs: number[],\r\n    checkedPortCalls: number[],\r\n    legs?: IDwhLeg[],\r\n    portCalls?: IDwhPortCall[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: ConsumptionState,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    filters: [],\r\n    vessels: [],\r\n    checkedLegs: [],\r\n    checkedPortCalls: [],\r\n    showInvalidOnly: false,\r\n    from: DateTime.now().plus({ years: -1 }).startOf(\"month\").toJSDate(),\r\n    to: DateTime.now().endOf(\"month\").toJSDate()\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst useConsumptionContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ConsumptionState, action: ReducerAction): ConsumptionState => {\r\n    switch (action.type) {\r\n        case \"setFrom\":\r\n            return {\r\n                ...state,\r\n                from: action.from\r\n            };\r\n        case \"setTo\":\r\n            return {\r\n                ...state,\r\n                to: action.to\r\n            };\r\n        case \"setPort\":\r\n            return {\r\n                ...state,\r\n                port: action.port\r\n            };\r\n        case \"setFromPort\":\r\n            return {\r\n                ...state,\r\n                fromPort: action.port\r\n            };\r\n        case \"setToPort\":\r\n            return {\r\n                ...state,\r\n                toPort: action.port\r\n            };\r\n        case \"setVessels\":\r\n            return {\r\n                ...state,\r\n                vessels: action.vessels\r\n            };\r\n        case \"toggleShowInvalidOnly\":\r\n            return {\r\n                ...state,\r\n                showInvalidOnly: !state.showInvalidOnly\r\n            };\r\n        case \"setPortCall\":\r\n            return {\r\n                ...state,\r\n                portCall: action.portCall\r\n            };\r\n        case \"setLeg\":\r\n            return {\r\n                ...state,\r\n                leg: action.leg\r\n            };\r\n        case \"checkLeg\":\r\n            return {\r\n                ...state,\r\n                checkedLegs: action.check\r\n                    ? [...state.checkedLegs, action.id]\r\n                    : state.checkedLegs.slice().filter(_ => _ !== action.id)\r\n            };\r\n        case \"checkPortCall\":\r\n            return {\r\n                ...state,\r\n                checkedPortCalls: action.check\r\n                    ? [...state.checkedPortCalls, action.id]\r\n                    : state.checkedPortCalls.slice().filter(_ => _ !== action.id)\r\n            };\r\n        case \"clearChecked\":\r\n            return {\r\n                ...state,\r\n                checkedLegs: [],\r\n                checkedPortCalls: []\r\n            };\r\n        case \"setLegs\":\r\n            return {\r\n                ...state,\r\n                legs: action.legs\r\n            };\r\n        case \"setPortCalls\":\r\n            return {\r\n                ...state,\r\n                portCalls: action.portCalls\r\n            };\r\n    }\r\n}\r\n\r\nexport const ConsumptionContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useConsumptionProvider = () => {\r\n    const { state, dispatch } = useConsumptionContext();\r\n\r\n    return {\r\n        from: state.from,\r\n        to: state.to,\r\n        port: state.port,\r\n        fromPort: state.fromPort,\r\n        toPort: state.toPort,\r\n        vessels: state.vessels,\r\n        showInvalidOnly: state.showInvalidOnly,\r\n        portCall: state.portCall,\r\n        leg: state.leg,\r\n        portCalls: state.portCalls,\r\n        legs: state.legs,\r\n        checkedLegs: state.checkedLegs,\r\n        checkedPortCalls: state.checkedPortCalls,\r\n\r\n        setFrom: (from: Date) => {\r\n            dispatch({\r\n                type: \"setFrom\",\r\n                from\r\n            })\r\n        },\r\n        setTo: (to: Date) => {\r\n            dispatch({\r\n                type: \"setTo\",\r\n                to\r\n            })\r\n        },\r\n        setPort: (port?: IPort) => {\r\n            dispatch({\r\n                type: \"setPort\",\r\n                port\r\n            })\r\n        },\r\n        setFromPort: (port?: IPort) => {\r\n            dispatch({\r\n                type: \"setFromPort\",\r\n                port\r\n            })\r\n        },\r\n        setToPort: (port?: IPort) => {\r\n            dispatch({\r\n                type: \"setToPort\",\r\n                port\r\n            })\r\n        },\r\n        setVessels: (vessels: IVessel[]) => {\r\n            dispatch({\r\n                type: \"setVessels\",\r\n                vessels\r\n            })\r\n        },\r\n        toggleShowInvalidOnly: () => {\r\n            dispatch({\r\n                type: \"toggleShowInvalidOnly\"\r\n            })\r\n        },\r\n        setPortCall: (portCall?: IDwhPortCall) => {\r\n            dispatch({\r\n                type: \"setPortCall\",\r\n                portCall\r\n            })\r\n        },\r\n        setLeg: (leg?: IDwhLeg) => {\r\n            dispatch({\r\n                type: \"setLeg\",\r\n                leg\r\n            })\r\n        },\r\n        checkLeg: (id: number, check?: boolean) => {\r\n            dispatch({\r\n                type: \"checkLeg\",\r\n                id,\r\n                check\r\n            })\r\n        },\r\n        checkPortCall: (id: number, check?: boolean) => {\r\n            dispatch({\r\n                type: \"checkPortCall\",\r\n                id,\r\n                check\r\n            })\r\n        },\r\n        clearChecked: () => {\r\n            dispatch({\r\n                type: \"clearChecked\"\r\n            })\r\n        },\r\n        setPortCalls: (portCalls: IDwhPortCall[]) => {\r\n            dispatch({\r\n                type: \"setPortCalls\",\r\n                portCalls\r\n            })\r\n        },\r\n        setLegs: (legs: IDwhLeg[]) => {\r\n            dispatch({\r\n                type: \"setLegs\",\r\n                legs\r\n            })\r\n        },\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    margin: 5px -10px 0;\r\n    font-family: Roboto;\r\n\r\n    >div {\r\n        margin: 0 10px;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        >div:first-child {\r\n            height: 14px;\r\n            width: 14px;\r\n            border-radius: 4px;\r\n            margin-right: 4px;\r\n        }\r\n\r\n        .line {\r\n            height: 2px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ReChartsLegend: React.FC = ({ children }) => {\r\n    return (\r\n        <Container>\r\n            {children}\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IMonthlyAggregateConsumption } from \"../../interfaces/IMonthlyAggregate\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\n\r\nexport const useDwhConsumption = (from: Date, to: Date, vessels: IVessel[], fromPort?: IPort, toPort?: IPort, port?: IPort, listErrors: boolean = false) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = `/dwh/consumption?listErrors=${listErrors}&from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`;\r\n\r\n    if (vessels.length > 0) {\r\n        url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n    }\r\n\r\n    if (fromPort) {\r\n        url += `&fromPortId=${fromPort.id}`;\r\n    }\r\n\r\n    if (toPort) {\r\n        url += `&toPortId=${toPort.id}`;\r\n    }\r\n\r\n    if (port) {\r\n        url += `&portId=${port.id}`;\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let monthlyConsumptions: IMonthlyAggregateConsumption[] | undefined = data;\r\n\r\n    return { monthlyConsumptions, error, fetching, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IMonthlyAggregateDistance } from \"../../interfaces/IMonthlyAggregate\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\n\r\nexport const useDwhDistance = (from: Date, to: Date, vessels: IVessel[], fromPort?: IPort, toPort?: IPort, port?: IPort) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = `/dwh/distance?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`;\r\n\r\n    if (vessels.length > 0) {\r\n        url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n    }\r\n\r\n    if (fromPort) {\r\n        url += `&fromPortId=${fromPort.id}`;\r\n    }\r\n\r\n    if (toPort) {\r\n        url += `&toPortId=${toPort.id}`;\r\n    }\r\n\r\n    if (port) {\r\n        url += `&portId=${port.id}`;\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let distanceData: IMonthlyAggregateDistance[] | undefined = data;\r\n\r\n    return { distanceData, error, fetching, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { CartesianGrid, XAxis, YAxis, Tooltip, ResponsiveContainer, Legend, Bar, ComposedChart, Area } from 'recharts';\r\nimport { useConsumptionProvider } from \"../../../../contextHooks/ConsumptionContext\";\r\nimport { ReChartsTooltip } from \"../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { ReChartsLegend } from \"../../../../blocks/reCharts/ReChartsLegend\";\r\nimport { useDwhConsumption } from \"../../../../api/hooks/useDwhConsumption\";\r\nimport { IMonthlyAggregateConsumption, IMonthlyAggregateDistance } from \"../../../../interfaces/IMonthlyAggregate\";\r\nimport { useDwhDistance } from \"../../../../api/hooks/useDwhDistance\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChartColumn } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AnimatedBars } from \"../../../../blocks/animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n    background-color: white;\r\n    border-top: 1px dashed #aaa;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 10px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n        font-size: 20px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .loading {\r\n        display: flex;\r\n        height: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IChartData {\r\n    data: any[],\r\n    keys: IChartValue[]\r\n}\r\n\r\ninterface IChartValue {\r\n    key: string,\r\n    color: string,\r\n    stackId: string,\r\n    yAxisId: string\r\n}\r\n\r\nexport const ConsumptionAndDistance = () => {\r\n    const { from, to, fromPort, toPort, port, vessels } = useConsumptionProvider();\r\n    const { monthlyConsumptions } = useDwhConsumption(from, to, vessels, fromPort, toPort, port, true);\r\n    const { distanceData, fetching } = useDwhDistance(from, to, vessels, fromPort, toPort);\r\n    const [chartData, setChartData] = useState<IChartData | undefined>();\r\n\r\n    const colors: string[] = [\r\n        \"#1b2431\",\r\n        \"#476083\",\r\n        \"#698ec3\",\r\n        \"#8dbcff\",\r\n        \"#8fa1bb\",\r\n        \"#a9adb3\"\r\n    ];\r\n\r\n    const createChartData = (_consumptionData: IMonthlyAggregateConsumption[], _distanceData: IMonthlyAggregateDistance[]) => {\r\n        let formattedData: any[] = [];\r\n        let bars: IChartValue[] = [];\r\n\r\n        _consumptionData.forEach(cData => {\r\n            let chartEntry: any = {\r\n                name: cData.name\r\n            };\r\n\r\n            cData.fuelTotals.forEach(ft => {\r\n                chartEntry[ft.fuel.name] = ft.total;\r\n\r\n                // Add bar\r\n                let fuelTypeBar = bars.find(_ => _.key === ft.fuel.name);\r\n\r\n                if (!fuelTypeBar) {\r\n                    bars.push({\r\n                        color: bars.length <= colors.length ? colors[bars.length] : \"green\",\r\n                        key: ft.fuel.name,\r\n                        stackId: \"a\",\r\n                        yAxisId: \"left\"\r\n                    })\r\n                }\r\n            });\r\n\r\n            // Set distance\r\n            let dData = _distanceData.find(_ => _.year === cData.year && _.month === cData.month);\r\n            chartEntry.Distance = dData?.totalDistance;\r\n\r\n            // Add data to array\r\n            formattedData.push(chartEntry);\r\n        });\r\n\r\n        setChartData({\r\n            data: formattedData,\r\n            keys: bars\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (monthlyConsumptions && distanceData) {\r\n            createChartData(monthlyConsumptions, distanceData);\r\n        }\r\n    }, [monthlyConsumptions, distanceData])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faChartColumn} />\r\n                </div>\r\n                <div>\r\n                    Consumption type breakdown and distance\r\n                </div>\r\n            </div>\r\n            <div style={{ width: \"100%\", height: \"200px\", fontSize: \"12px\" }}>\r\n                {chartData\r\n                    ?\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <ComposedChart\r\n                            data={chartData?.data}\r\n                            margin={{\r\n                                // top: 30,\r\n                                // right: 10,\r\n                                // left: -5,\r\n                                // bottom: 25,\r\n                            }}\r\n                            barSize={20}\r\n                        >\r\n                            <CartesianGrid strokeDasharray=\"2 2\" />\r\n                            <XAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                dataKey=\"name\"\r\n                                scale=\"point\"\r\n                                padding={{ left: 10, right: 10 }}\r\n                            />\r\n                            <YAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                yAxisId=\"left\"\r\n                                width={75}\r\n                                tickFormatter={_ => {\r\n                                    return _.toLocaleString() + \" MT\";\r\n                                }}\r\n                            />\r\n                            <YAxis\r\n                                yAxisId=\"right\"\r\n                                orientation=\"right\"\r\n                                width={80}\r\n                                tickFormatter={_ => {\r\n                                    return _.toLocaleString() + \" NM\";\r\n                                }}\r\n                            />\r\n                            <Tooltip\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsTooltip>\r\n                                            <div className=\"tt-header\">\r\n                                                {_.label}\r\n                                            </div>\r\n                                            <div className=\"tt-payload\">\r\n                                                {_.payload?.map(p => {\r\n                                                    return (\r\n                                                        <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                            <div>\r\n                                                                {p.name}\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                {p.value?.toLocaleString()} {p.name?.toString().toLowerCase() === \"distance\" ? \"NM\" : \"MT\"}\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    );\r\n                                                })}\r\n                                            </div>\r\n                                        </ReChartsTooltip>\r\n                                    );\r\n                                }}\r\n                            />\r\n                            <Legend\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsLegend>\r\n                                            {_.payload?.map(p => {\r\n                                                return (\r\n                                                    <div key={`Legend_${p.value}`}>\r\n                                                        <div style={{ backgroundColor: p.color, height: p.type === \"line\" ? \"2px\" : undefined }} />\r\n                                                        <div>\r\n                                                            {p.value}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                        </ReChartsLegend>\r\n                                    );\r\n                                }}\r\n                            />\r\n\r\n                            {/* Distance */}\r\n                            <Area\r\n                                yAxisId=\"right\"\r\n                                type=\"monotone\"\r\n                                dataKey=\"Distance\"\r\n                                stroke=\"#4177bf\"\r\n                                fill=\"#EBF3FE\"\r\n                                strokeWidth={2}\r\n                                animationDuration={500}\r\n                            />\r\n\r\n                            {/* Fuel */}\r\n                            {chartData?.keys.map(_ => {\r\n                                return (\r\n                                    <Bar\r\n                                        cursor=\"pointer\"\r\n                                        key={`Bar_${_.key}`}\r\n                                        dataKey={_.key}\r\n                                        stackId={_.stackId}\r\n                                        fill={_.color}\r\n                                        yAxisId={_.yAxisId}\r\n                                        // onClick={handleBarClick}\r\n                                        animationDuration={500}\r\n                                    />\r\n                                );\r\n                            })}\r\n\r\n                        </ComposedChart>\r\n                    </ResponsiveContainer>\r\n                    :\r\n                    <div className=\"loading\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            altBarColor=\"#ddd\"\r\n                            barColor=\"#aaa\"\r\n                            barWidth=\"4px\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { useVessels } from \"../../../../../api/hooks/useVessels\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IVessel } from \"../../../../../interfaces/IVessel\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .filter-selected-vessels {\r\n        display: flex;\r\n        margin: 5px -6px 0;\r\n\r\n        >div {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            margin: 10px 7px;\r\n            font-size: 14px;\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            >div {\r\n                position: absolute;\r\n                top: -5px;\r\n                right: -7px;\r\n                background-color: #e3f0ff;\r\n                color: #333;\r\n                width: 15px;\r\n                height: 15px;\r\n                border-radius: 50%;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 12px;\r\n                box-shadow: 0 0 2px #333;\r\n                display: none;\r\n            }\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n\r\n                >div {\r\n                    display: flex;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionFilterVessels = () => {\r\n    const { setVessels: setSelectedVessels, vessels: selectedVessels, clearChecked } = useConsumptionProvider();\r\n    const { vessels } = useVessels(false, false);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const updateVessels = (vessel: IVessel, add: boolean) => {\r\n        let _selectedVessels = selectedVessels.filter(_ => _.id !== vessel.id);\r\n        if (add) {\r\n            _selectedVessels.push(vessel);\r\n        }\r\n        setSelectedVessels(_selectedVessels);\r\n        clearChecked();\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Dropdown\r\n                multiSelect\r\n                placeholder=\"Select vessels\"\r\n                selectedKeys={selectedVessels.map(_ => _.id)}\r\n                styles={{\r\n                    title: {\r\n                        borderRadius: \"4px\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    },\r\n                    dropdown: {\r\n                        \":after\": {\r\n                            border: \"none !important\"\r\n                        }\r\n                    }\r\n                }}\r\n                options={vessels ? vessels.map(_ => {\r\n                    return {\r\n                        key: _.id,\r\n                        text: toCapitalLetters(_.name)\r\n                    }\r\n                }) : []}\r\n                onChange={(ev, item) => {\r\n                    if (item) {\r\n                        let _selectedVessel = vessels?.find(_ => _.id === item.key);\r\n                        if (_selectedVessel) {\r\n                            updateVessels(_selectedVessel, item.selected ? true : false);\r\n                        }\r\n                    }\r\n                }}\r\n            />\r\n            <div className=\"filter-selected-vessels\">\r\n                {selectedVessels.map(v => {\r\n                    return (\r\n                        <div key={`SelectedVessel_${v.id}`} title=\"Click to remove\" onClick={() => updateVessels(v, false)}>\r\n                            {toCapitalLetters(v.name)}\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faTimes} />\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { IPort } from \"../../../../../interfaces/IPort\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    >div {\r\n        margin-bottom: 5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ConsumptionFilterPorts = () => {\r\n    const { port, fromPort, toPort, setPort, setFromPort, setToPort, clearChecked } = useConsumptionProvider();\r\n\r\n    return (\r\n        <Container>\r\n            <AppSearchBox\r\n                title=\"Leg from\"\r\n                additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                placeHolder=\"Search for port\"\r\n                endPoint=\"ports/search\"\r\n                description=\"Leg from\"\r\n                keyProp=\"id\"\r\n                titleProp=\"name\"\r\n                maxResultsContainerHeight=\"330px\"\r\n                minLengthBeforeSearhing={2}\r\n                defaultValue={fromPort}\r\n                onSelected={_ => {\r\n                    setFromPort(_);\r\n                    clearChecked();\r\n                }}\r\n                customResultDescription={(p: IPort) => {\r\n                    return `${p.country} (${p.unLoCode})`;\r\n                }}\r\n            />\r\n            <AppSearchBox\r\n                title=\"Leg to\"\r\n                additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                placeHolder=\"Search for port\"\r\n                endPoint=\"ports/search\"\r\n                description=\"Leg to\"\r\n                keyProp=\"id\"\r\n                titleProp=\"name\"\r\n                maxResultsContainerHeight=\"330px\"\r\n                minLengthBeforeSearhing={2}\r\n                defaultValue={toPort}\r\n                onSelected={_ => {\r\n                    setToPort(_);\r\n                    clearChecked();\r\n                }}\r\n                customResultDescription={(p: IPort) => {\r\n                    return `${p.country} (${p.unLoCode})`;\r\n                }}\r\n            />\r\n            <AppSearchBox\r\n                title=\"Port\"\r\n                additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                placeHolder=\"Search for port\"\r\n                endPoint=\"ports/search\"\r\n                description=\"Port\"\r\n                keyProp=\"id\"\r\n                titleProp=\"name\"\r\n                maxResultsContainerHeight=\"330px\"\r\n                minLengthBeforeSearhing={2}\r\n                defaultValue={port}\r\n                onSelected={_ => {\r\n                    setPort(_);\r\n                    clearChecked();\r\n                }}\r\n                customResultDescription={(p: IPort) => {\r\n                    return `${p.country} (${p.unLoCode})`;\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../contextHooks/ConsumptionContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faExclamationCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useDwhLegsCountInvalid } from \"../../../../api/hooks/useDwhLegsCountInvalid\";\r\nimport { useDwhPortCallsCountInvalid } from \"../../../../api/hooks/useDwhPortCallsCountInvalid\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    >div {\r\n        margin: 30px -30px 0;\r\n        padding: 20px 30px;\r\n        background-color: #ffe6e6;\r\n        font-size: 12px;\r\n        border-top: 1px dashed #ff7676;\r\n        border-bottom: 1px dashed #ff7676;\r\n        position: relative;\r\n\r\n        .icon {\r\n            position: absolute;\r\n            top: -13px;\r\n            left: 32px;\r\n            font-size: 18px;\r\n            color: #ff5656;\r\n        }\r\n\r\n        span {\r\n            font-weight: 700;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionInvalid = () => {\r\n    const { from, to, port, fromPort, toPort, vessels } = useConsumptionProvider();\r\n    const { count: invalidLegsCount } = useDwhLegsCountInvalid(from, to, vessels, fromPort?.id, toPort?.id);\r\n    const { count: invalidPortCallsCount } = useDwhPortCallsCountInvalid(from, to, vessels, port?.id);\r\n    const [message, setMessage] = useState<JSX.Element | undefined>();\r\n\r\n    const getMessage = () => {\r\n        let messages: string[] = [];\r\n\r\n        if (invalidLegsCount > 0) {\r\n            messages.push(`${invalidLegsCount} legs`);\r\n        }\r\n\r\n        if (invalidPortCallsCount > 0) {\r\n            messages.push(`${invalidPortCallsCount} portcalls`);\r\n        }\r\n\r\n        setMessage(messages && messages.length > 0\r\n            ? <>There are <span>{messages.join(\" and \")}</span> with invalid consumption and/or distance in selected period.</>\r\n            : undefined\r\n        );\r\n    }\r\n\r\n    useEffect(() => {\r\n        getMessage();\r\n    }, [invalidLegsCount, invalidPortCallsCount])\r\n\r\n    return (\r\n        <Container>\r\n            {message &&\r\n                <div>\r\n                    <div className=\"icon\">\r\n                        <FontAwesomeIcon icon={faExclamationCircle} />\r\n                    </div>\r\n                    {message}\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\n\r\nexport const useDwhLegsCountInvalid = (from?: Date, to?: Date, vessels?: IVessel[], fromPortId?: number, toPortId?: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/dwh/legs/invalid?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vessels && vessels.length > 0) {\r\n            url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n        }\r\n\r\n        if (fromPortId) {\r\n            url += `&fromPortId=${fromPortId}`;\r\n        }\r\n\r\n        if (toPortId) {\r\n            url += `&toPortId=${toPortId}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let count: number = data ? data : 0;\r\n\r\n    return { count, error, fetching, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\n\r\nexport const useDwhPortCallsCountInvalid = (from?: Date, to?: Date, vessels?: IVessel[], portId?: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/dwh/portcalls/invalid?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vessels && vessels.length > 0) {\r\n            url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n        }\r\n\r\n        if (portId) {\r\n            url += `&portId=${portId}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let count :number = data ? data : 0;\r\n\r\n    return { count, error, fetching, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, DatePicker, IDatePickerStyles } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { ConsumptionFilterVessels } from \"./ConsumptionFilterVessels\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ConsumptionFilterPorts } from \"./ConsumptionFilterPorts\";\r\nimport { ConsumptionInvalid } from \"../ConsumptionInvalid\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n\r\n    .filter-header {\r\n        padding: 20px 0 10px 0;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        font-family: Roboto;\r\n    }\r\n\r\n    .filter-header:first-of-type {\r\n        padding: 0 0 10px 0;\r\n    }\r\n\r\n    .filter-fixed-periods {\r\n        display: flex;\r\n        margin: 4px -6px 16px;\r\n\r\n        >div {\r\n            background-color: #EBF3FE;\r\n            border: 1px solid #5A8EFB;\r\n            color: #444;\r\n            margin: 0 5px;\r\n            font-size: 12px;\r\n            letter-spacing: .5px;\r\n            font-weight: 700;\r\n\r\n            font-family: Roboto;\r\n\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n                background-color: #ccc;\r\n            }\r\n        }\r\n    }\r\n\r\n    .filter-dates {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionFilters = () => {\r\n    const { from, to, setFrom, setTo, showInvalidOnly, toggleShowInvalidOnly, clearChecked } = useConsumptionProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const datePickerStyle: IDatePickerStyles = {\r\n        root: {\r\n            borderColor: \"transparent\",\r\n            \"& .ms-TextField-fieldGroup\": {\r\n                borderRadius: \"4px\",\r\n\r\n                \":after\": {\r\n                    border: \"none\"\r\n                }\r\n            }\r\n        },\r\n        textField: undefined,\r\n        callout: undefined,\r\n        icon: undefined\r\n    }\r\n\r\n    const setPeriod = (_from: Date, _to: Date) => {\r\n        setFrom(_from);\r\n        setTo(_to);\r\n        clearChecked();\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"filter-header\">\r\n                Period\r\n            </div>\r\n            <div className=\"filter-fixed-periods\">\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ months: -1 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>1 month</div>\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ years: -1 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>1 year</div>\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ years: -3 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>3 years</div>\r\n                <div onClick={() => setPeriod(DateTime.now().startOf(\"year\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>YTD</div>\r\n            </div>\r\n            <div className=\"filter-dates\">\r\n                <DatePicker\r\n                    value={from}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setFrom(makeDateObject(_).startOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n                <DatePicker\r\n                    value={to}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setTo(makeDateObject(_).endOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n            <div className=\"filter-header\">\r\n                Vessels\r\n            </div>\r\n            <ConsumptionFilterVessels />\r\n\r\n            <div className=\"filter-header\">\r\n                Ports\r\n            </div>\r\n            <ConsumptionFilterPorts />\r\n\r\n            <div className=\"filter-header\">\r\n                Filters\r\n            </div>           \r\n\r\n            <div className=\"filter-filters\">\r\n                <Checkbox\r\n                    label=\"Show invalid legs and portcalls only\"\r\n                    checked={showInvalidOnly}\r\n                    onChange={() => {\r\n                        toggleShowInvalidOnly();\r\n                        clearChecked();\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n            <ConsumptionInvalid />\r\n\r\n        </Container >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IDwhLeg } from \"../../interfaces/IDwhLeg\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\n\r\nexport const useDwhLegs = (from?: Date, to?: Date, vessels?: IVessel[], fromPortId?: number, toPortId?: number, skip?: number, take?: number, inErrorOnly?: boolean) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/dwh/legs?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vessels && vessels.length > 0) {\r\n            url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n        }\r\n\r\n        if (fromPortId) {\r\n            url += `&fromPortId=${fromPortId}`;\r\n        }\r\n\r\n        if (toPortId) {\r\n            url += `&toPortId=${toPortId}`;\r\n        }\r\n        \r\n        if (skip) {\r\n            url += `&skip=${skip}`;\r\n        }\r\n\r\n        if (take) {\r\n            url += `&take=${take}`;\r\n        }\r\n\r\n        if (inErrorOnly) {\r\n            url += `&inErrorOnly=${inErrorOnly}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let legsData: IDwhLeg[] | undefined = data;\r\n\r\n    return { legsData, error, fetching, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../contextHooks/ConsumptionContext\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useDwhLegs } from \"../../../../api/hooks/useDwhLegs\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IDwhLeg } from \"../../../../interfaces/IDwhLeg\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRightLong, faCheck, faChevronDown, faChevronUp, faCloud, faDroplet, faFire, faLeaf, faSliders } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useMediaQuery } from \"../../../../hooks/useMediaQuery\";\r\nimport { ProgressBar } from \"../../../progressBar/ProgressBar\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Callout, Checkbox } from \"@fluentui/react\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #aaa;\r\n    background-color: white;\r\n    box-shadow: 0 10px 10px rgb(0, 0, 0, 0.05) inset;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n\r\n        .title {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            padding: 30px 0 5px 30px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .chevron {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 0 10px 1px;\r\n\r\n            >div {\r\n                display: flex;\r\n                width: 100%;\r\n                padding: 10px 20px;\r\n                border-radius: 4px;\r\n\r\n                :hover {\r\n                    cursor: pointer;\r\n                    background-color: #f1f1f1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    padding: 10px;\r\n    width: 150px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    >div {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        >div:first-child {\r\n            >:first-child{\r\n                padding: 0px 3px;\r\n            }\r\n        }\r\n        >div:last-child {\r\n            margin-left: auto;\r\n        }\r\n    }\r\n`;\r\n\r\nconst LoadMore = styled.div<{ disabled: boolean }>`\r\n    border-top: 1px solid #eee;\r\n    text-align: center;\r\n    padding: 14px 0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border-radius:  0 0 4px 4px;\r\n    position: relative;\r\n    color: #4177bf;\r\n\r\n\r\n    >div {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 20px;\r\n    }\r\n    \r\n    ${_ => _.disabled\r\n        ? css`\r\n            color: #bbb;\r\n            cursor: default;\r\n        `\r\n        : css`\r\n            cursor: pointer;\r\n            :hover {\r\n                background-color: #f8f8f8;\r\n                color: #4177bf;\r\n            }\r\n        `\r\n    }\r\n`;\r\n\r\nconst Cbx = styled.div`\r\n    height: 100%;\r\n    padding: 16px 20px 0 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegs = () => {\r\n    const [skip, setSkip] = useState(0);\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [activeCallout, setActiveCallout] = useState(0);\r\n    const { from, to, port, fromPort, toPort, vessels, showInvalidOnly, checkLeg, checkedLegs, legs, setLegs } = useConsumptionProvider();\r\n    const { legsData, fetching } = useDwhLegs(from, to, vessels, fromPort?.id, toPort?.id, skip, undefined, showInvalidOnly);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n    const history = useNavigate();\r\n    const mediumScreen = useMediaQuery(\"(max-width: 2000px)\");\r\n    const smallScreen = useMediaQuery(\"(max-width: 1800px)\");\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Cbx\",\r\n            title: <FontAwesomeIcon icon={faCheck} />,\r\n            noPadding: true,\r\n            gridCellWidth: \"max-content\",\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <Cbx\r\n                        title=\"Check to download selection\"\r\n                        onClick={ev => {\r\n                            ev.stopPropagation();\r\n                        }}\r\n                    >\r\n                        <Checkbox\r\n                            checked={checkedLegs.indexOf(data.id) >= 0}\r\n                            onChange={(ev, checked) => checkLeg(data.id, checked)}\r\n                        />\r\n                    </Cbx>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Departed\",\r\n            render: (data: IDwhLeg) => {\r\n                return toDateString(data.start, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Duration\",\r\n            exclude: smallScreen,\r\n            textAlign: \"center\",\r\n            render: (data: IDwhLeg) => {\r\n                return getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, data.durationStartEndMinutes >= 60 ? false : true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Arrived\",\r\n            exclude: smallScreen,\r\n            render: (data: IDwhLeg) => {\r\n                return toDateString(data.end, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Vessel\",\r\n            render: (data: IDwhLeg) => {\r\n                return toCapitalLetters(data.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            title: \"Route\",\r\n            key: \"fromToPort\",\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <span title={`${toCapitalLetters(data.fromPort.name)} -> ${toCapitalLetters(data.toPort.name)}`}>\r\n                        <span>{toCapitalLetters(data.fromPort.name)}</span>\r\n                        <span style={{ padding: \"0 8px\" }}><FontAwesomeIcon icon={faArrowRightLong} /></span>\r\n                        <span>{toCapitalLetters(data.toPort.name)}</span>\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Distance (nm)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhLeg) => {\r\n                return data.invalidDistance;\r\n            },\r\n            render: (data: IDwhLeg) => {\r\n                if (data.distanceStartEnd !== 0) {\r\n                    return data.distanceStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2 });\r\n                }\r\n                return \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"Avg. speed (kn)\",\r\n            textAlign: \"right\",\r\n            exclude: mediumScreen,\r\n            render: (data: IDwhLeg) => {\r\n                return <span title=\"If speed is not reported, avg. speed is calculated based on distance and duration\">{data.avgSpeedSogStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Cons. (mt)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhLeg) => {\r\n                return data.invalidConsumption;\r\n            },\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faDroplet} />\r\n                    </>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Cons/Nm (mt)\",\r\n            textAlign: \"right\",\r\n            exclude: smallScreen,\r\n            render: (data: IDwhLeg) => {\r\n                if (data.consumedPrNmStartEnd > 0) {\r\n                    return (\r\n                        <>\r\n                            <span title=\"Consumption pr. nautical mile\" style={{ paddingRight: \"10px\" }}>{(data.consumedPrNmStartEnd).toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                            <FontAwesomeIcon icon={faDroplet} />\r\n                        </>\r\n                    );\r\n                }\r\n\r\n                return \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"CO2 emission (mt)\",\r\n            textAlign: \"right\",\r\n            exclude: smallScreen,\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <div\r\n                        title=\"Click for emission details\"\r\n                        id={`emission-callout-${data.id}`}\r\n                        onClick={ev => {\r\n                            ev.stopPropagation();\r\n                            setActiveCallout(activeCallout == 0 ? data.id : 0);\r\n                        }}\r\n                    >\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.co2EquivalentsStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />\r\n                        {activeCallout == data.id &&\r\n                            <Callout\r\n                                gapSpace={4}\r\n                                target={`#emission-callout-${data.id}`}\r\n                                onDismiss={() => setActiveCallout(0)}\r\n                                styles={{\r\n                                    beakCurtain: {\r\n                                        borderRadius: \"4px\",\r\n\r\n                                    },\r\n                                    root: {\r\n                                        borderRadius: \"4px\"\r\n                                    },\r\n                                    calloutMain: {\r\n                                        borderRadius: \"4px\"\r\n                                    }\r\n                                }}\r\n                            >\r\n                                <CalloutBody>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#476083\" /> <span>CO<sub>2</sub></span></div>\r\n                                        <div>{data.co2EmissionStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt</div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#698ec3\" /> <span>CH<sub>4</sub></span></div>\r\n                                        <div>\r\n                                            {data.co2EmissionStartEnd > 0 && data.co2EquivalentsStartEnd === data.co2EmissionStartEnd ?\r\n                                                <div style={{color: \"#8f8f8f\"}}>\r\n                                                    {data.co2EquivalentsFromMethane.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </div>\r\n                                                :\r\n                                                <>\r\n                                                    {data.co2EquivalentsFromMethane.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#8dbcff\" /> <span>N<sub>2</sub>O</span></div>\r\n                                        <div>\r\n                                            {data.co2EmissionStartEnd > 0 && data.co2EquivalentsStartEnd === data.co2EmissionStartEnd ?\r\n                                                <div style={{color: \"#8f8f8f\"}}>\r\n                                                    {data.co2EquivalentsFromNox.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </div>\r\n                                                :\r\n                                                <>\r\n                                                    {data.co2EquivalentsFromNox.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n                                </CalloutBody>\r\n                            </Callout>\r\n                        }\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"EUAs\",\r\n            textAlign: \"right\",\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <span title={data.euaDescription ?? undefined}>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.euaStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />\r\n                    </span>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        setSkip(0);\r\n    }, [from, to, port, fromPort, toPort, showInvalidOnly, vessels])\r\n\r\n    useEffect(() => {\r\n        if (!fetching && legsData) {\r\n            setLegs(skip === 0\r\n                ? legsData\r\n                : (legs ? legs : []).concat(legsData)\r\n            );\r\n        }\r\n    }, [fetching, legsData, expanded])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div className=\"title\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faSliders} />\r\n                    </div>\r\n                    <div>\r\n                        Legs\r\n                    </div>\r\n                </div>\r\n                <div className=\"chevron\">\r\n                    <div onClick={() => setExpanded(!expanded)}>\r\n                        <FontAwesomeIcon\r\n                            title={expanded ? \"Collapse\" : \"Expand\"}\r\n                            icon={expanded ? faChevronUp : faChevronDown}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <AppGridTableNew\r\n                    columns={columns}\r\n                    loading={fetching && !legs}\r\n                    emptyMessage=\"No legs matches the search.\"\r\n                    data={expanded ? legs : legs?.slice(0, 5)}\r\n                    rowClick={(data: IDwhLeg) => {\r\n                        history(`/performance/consumption/legs/${data.id}`)\r\n                    }}\r\n                />\r\n            </div>\r\n            {expanded &&\r\n                <LoadMore\r\n                    disabled={fetching}\r\n                    onClick={() => {\r\n                        if (!fetching) {\r\n                            setSkip(skip + 30);\r\n                        }\r\n                    }}\r\n                >\r\n                    {fetching ? \"Fetching more data...\" : \"Load more\"}\r\n                    <div>\r\n                        <ProgressBar\r\n                            height=\"2px\"\r\n                            visible={fetching}\r\n                            color=\"#4177bf\"\r\n                        />\r\n                    </div>\r\n                </LoadMore>\r\n            }\r\n        </Container >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { IDwhPortCall } from \"../../interfaces/IDwhPortCall\";\r\n\r\nexport const useDwhPortCalls = (from?: Date, to?: Date, vessels?: IVessel[], portId?: number, skip?: number, take?: number, inErrorOnly?: boolean) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/dwh/portcalls?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vessels && vessels.length > 0) {\r\n            url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n        }\r\n\r\n        if (portId) {\r\n            url += `&portId=${portId}`;\r\n        }\r\n        \r\n        if (skip) {\r\n            url += `&skip=${skip}`;\r\n        }\r\n\r\n        if (take) {\r\n            url += `&take=${take}`;\r\n        }\r\n\r\n        if (inErrorOnly) {\r\n            url += `&inErrorOnly=${inErrorOnly}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n\r\n    let portCallsData: IDwhPortCall[] | undefined = data;\r\n\r\n    return { portCallsData, error, fetching, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../contextHooks/ConsumptionContext\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheck, faChevronDown, faChevronUp, faCloud, faDroplet, faFire, faGlobeEurope, faLeaf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IDwhPortCall } from \"../../../../interfaces/IDwhPortCall\";\r\nimport { useDwhPortCalls } from \"../../../../api/hooks/useDwhPortCalls\";\r\nimport { useMediaQuery } from \"../../../../hooks/useMediaQuery\";\r\nimport { ProgressBar } from \"../../../progressBar/ProgressBar\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Callout, Checkbox } from \"@fluentui/react\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #aaa;\r\n    background-color: white;\r\n    box-shadow: 0 10px 10px rgb(0, 0, 0, 0.05) inset;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n\r\n        .title {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            padding: 30px 0 5px 30px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .chevron {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 0 10px 1px;\r\n\r\n            >div {\r\n                display: flex;\r\n                width: 100%;\r\n                padding: 10px 20px;\r\n                border-radius: 4px;\r\n\r\n                :hover {\r\n                    cursor: pointer;\r\n                    background-color: #f1f1f1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    padding: 10px;\r\n    width: 150px;\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    >div {\r\n        display: flex;\r\n        flex-direction: row;\r\n        align-items: center;\r\n        >div:first-child {\r\n            >:first-child{\r\n                padding: 0px 3px;\r\n            }\r\n        }\r\n        >div:last-child {\r\n            margin-left: auto;\r\n        }\r\n    }\r\n`;\r\n\r\nconst LoadMore = styled.div<{ disabled: boolean }>`\r\n    border-top: 1px solid #eee;\r\n    text-align: center;\r\n    padding: 14px 0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border-radius:  0 0 4px 4px;\r\n    position: relative;\r\n    color: #4177bf;\r\n\r\n\r\n    >div {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 20px;\r\n    }\r\n    \r\n    ${_ => _.disabled\r\n        ? css`\r\n            color: #bbb;\r\n            cursor: default;\r\n        `\r\n        : css`\r\n            cursor: pointer;\r\n            :hover {\r\n                background-color: #f8f8f8;\r\n                color: #4177bf;\r\n            }\r\n        `\r\n    }\r\n`;\r\n\r\nconst Cbx = styled.div`\r\n    padding: 16px 20px 0 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCalls = () => {\r\n    const [skip, setSkip] = useState(0);\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [activeCallout, setActiveCallout] = useState(0);\r\n    const { from, to, port, vessels, checkPortCall, checkedPortCalls, showInvalidOnly, portCalls, setPortCalls } = useConsumptionProvider();\r\n    const { portCallsData, fetching } = useDwhPortCalls(from, to, vessels, port?.id, skip, undefined, showInvalidOnly);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n    const history = useNavigate();\r\n    const smallScreen = useMediaQuery(\"(max-width: 1700px)\");\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Cbx\",\r\n            title: <FontAwesomeIcon icon={faCheck} />,\r\n            noPadding: true,\r\n            gridCellWidth: \"max-content\",\r\n            render: (data: IDwhPortCall) => {\r\n                return (\r\n                    <Cbx\r\n                        title=\"Check to download selection\"\r\n                        onClick={ev => {\r\n                            ev.stopPropagation();\r\n                        }}\r\n                    >\r\n                        <Checkbox\r\n                            checked={checkedPortCalls.indexOf(data.id) >= 0}\r\n                            onChange={(ev, checked) => checkPortCall(data.id, checked)}\r\n                        />\r\n                    </Cbx>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Arrived\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toDateString(data.start, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Duration\",\r\n            exclude: smallScreen,\r\n            textAlign: \"center\",\r\n            render: (data: IDwhPortCall) => {\r\n                return getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, data.durationStartEndMinutes >= 60 ? false : true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Departed\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toDateString(data.end, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Vessel\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toCapitalLetters(data.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"Port\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toCapitalLetters(data.port.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"Consumed (mt)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhPortCall) => {\r\n                return data.invalidConsumption;\r\n            },\r\n            isWarning: (data: IDwhPortCall) => {\r\n                return !data.invalidConsumption && data.totalConsumedStartEnd == 0;\r\n            },\r\n            render: (data: IDwhPortCall) => {\r\n                return (\r\n                    <>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faDroplet} />\r\n                    </>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"CO2 emission (mt)\",\r\n            textAlign: \"right\",\r\n            exclude: smallScreen,\r\n            render: (data: IDwhPortCall) => {\r\n                return (\r\n                    <div\r\n                        title=\"Click for emission details\"\r\n                        id={`emission-callout-${data.id}`}\r\n                        onClick={ev => {\r\n                            ev.stopPropagation();\r\n                            setActiveCallout(activeCallout == 0 ? data.id : 0);\r\n                        }}\r\n                    >\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.co2EquivalentsStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />\r\n                        {activeCallout == data.id &&\r\n                            <Callout\r\n                                gapSpace={4}\r\n                                target={`#emission-callout-${data.id}`}\r\n                                onDismiss={() => setActiveCallout(0)}\r\n                                styles={{\r\n                                    beakCurtain: {\r\n                                        borderRadius: \"4px\",\r\n\r\n                                    },\r\n                                    root: {\r\n                                        borderRadius: \"4px\"\r\n                                    },\r\n                                    calloutMain: {\r\n                                        borderRadius: \"4px\"\r\n                                    }\r\n                                }}\r\n                            >\r\n                                <CalloutBody>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#476083\" /> <span>CO<sub>2</sub></span></div>\r\n                                        <div>{data.co2EmissionStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt</div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#698ec3\" /> <span>CH<sub>4</sub></span></div>\r\n                                        <div>\r\n                                            {data.co2EmissionStartEnd > 0 && data.co2EquivalentsStartEnd === data.co2EmissionStartEnd ?\r\n                                                <div style={{color: \"#8f8f8f\"}}>\r\n                                                    {data.co2EquivalentsFromMethane.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </div>\r\n                                                :\r\n                                                <>\r\n                                                    {data.co2EquivalentsFromMethane.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n                                    <div>\r\n                                        <div><FontAwesomeIcon icon={faCloud} color=\"#8dbcff\" /> <span>N<sub>2</sub>O</span></div>\r\n                                        <div>\r\n                                            {data.co2EmissionStartEnd > 0 && data.co2EquivalentsStartEnd === data.co2EmissionStartEnd ?\r\n                                                <div style={{color: \"#8f8f8f\"}}>\r\n                                                    {data.co2EquivalentsFromNox.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </div>\r\n                                                :\r\n                                                <>\r\n                                                    {data.co2EquivalentsFromNox.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt\r\n                                                </>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n                                </CalloutBody>\r\n                            </Callout>\r\n                        }\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"EUAs\",\r\n            textAlign: \"right\",\r\n            render: (data: IDwhPortCall) => {\r\n                return (\r\n                    <span title={data.euaDescription ?? undefined}>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.euaStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />\r\n                    </span>\r\n                );\r\n            }\r\n        },\r\n    ];\r\n\r\n    useEffect(() => {\r\n        setSkip(0);\r\n    }, [from, to, port, vessels])\r\n\r\n    useEffect(() => {\r\n        if (!fetching && portCallsData) {\r\n            setPortCalls(skip === 0\r\n                ? portCallsData\r\n                : (portCalls ? portCalls : []).concat(portCallsData)\r\n            );\r\n        }\r\n    }, [fetching, portCallsData, expanded, showInvalidOnly])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div className=\"title\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faGlobeEurope} />\r\n                    </div>\r\n                    <div>\r\n                        Port calls\r\n                    </div>\r\n                </div>\r\n                <div className=\"chevron\">\r\n                    <div onClick={() => setExpanded(!expanded)}>\r\n                        <FontAwesomeIcon\r\n                            title={expanded ? \"Collapse\" : \"Expand\"}\r\n                            icon={expanded ? faChevronUp : faChevronDown}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <AppGridTableNew\r\n                    columns={columns}\r\n                    loading={fetching && !portCalls}\r\n                    emptyMessage=\"No port calls matches the search.\"\r\n                    data={expanded ? portCalls : portCalls?.slice(0, 5)}\r\n                    rowClick={(data: IDwhPortCall) => {\r\n                        history(`/performance/consumption/portcalls/${data.id}`);\r\n                    }}\r\n                />\r\n            </div>\r\n            {expanded &&\r\n                <LoadMore\r\n                    disabled={fetching}\r\n                    onClick={() => {\r\n                        if (!fetching) {\r\n                            setSkip(skip + 30);\r\n                        }\r\n                    }}\r\n                >\r\n                    {fetching ? \"Fetching more data...\" : \"Load more\"}\r\n                    <div>\r\n                        <ProgressBar\r\n                            height=\"2px\"\r\n                            visible={fetching}\r\n                            color=\"#4177bf\"\r\n                        />\r\n                    </div>\r\n                </LoadMore>\r\n            }\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDroplet, faFire, faLeaf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { AppGridTableNew } from \"../../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\nimport { IDwhLeg } from \"../../../../../../interfaces/IDwhLeg\";\r\nimport { IGridTableColumn } from \"../../../../../../interfaces/IGridTableColumn\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegPanelTable: React.FC<{ legs?: IDwhLeg[] }> = ({ legs }) => {\r\n    const history = useNavigate();\r\n    const { leg } = useConsumptionProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Departed\",\r\n            render: (data: IDwhLeg) => {\r\n                return toDateString(data.start, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Duration\",\r\n            textAlign: \"center\",\r\n            render: (data: IDwhLeg) => {\r\n                return data.durationStartEndMinutes < 60\r\n                    ? getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, true)\r\n                    : getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, false);\r\n            }\r\n        },\r\n        {\r\n            key: \"Arrived\",\r\n            render: (data: IDwhLeg) => {\r\n                return toDateString(data.start, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Vessel\",\r\n            render: (data: IDwhLeg) => {\r\n                return toCapitalLetters(data.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"Distance (nm)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhLeg) => {\r\n                return data.invalidDistance;\r\n            },\r\n            render: (data: IDwhLeg) => {\r\n                if (!data.invalidDistance) {\r\n                    return data.distanceStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2 });\r\n                }\r\n                return \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"Avg. speed (kn)\",\r\n            textAlign: \"right\",\r\n            render: (data: IDwhLeg) => {\r\n                return <span title=\"If speed is not reported, avg. speed is calculated based on distance and duration\">{data.avgSpeedSogStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Consumed (mt)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhLeg) => {\r\n                return data.invalidConsumption;\r\n            },\r\n            render: (data: IDwhLeg) => {\r\n                if (!data.invalidConsumption) {\r\n                    return (\r\n                        <>\r\n                            <span style={{ paddingRight: \"10px\" }}>{data.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                            <FontAwesomeIcon icon={faDroplet} />\r\n                        </>\r\n                    );\r\n                }\r\n                return \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"CO2 emission (mt)\",\r\n            textAlign: \"right\",\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.co2EmissionStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />\r\n                    </>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"EUAs\",\r\n            textAlign: \"right\",\r\n            render: (data: IDwhLeg) => {\r\n                return (\r\n                    <>\r\n                        <span style={{ paddingRight: \"10px\" }}>{data.euaStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                        <FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />\r\n                    </>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <AppGridTableNew\r\n                columns={columns}\r\n                loading={!legs}\r\n                data={legs}\r\n                rowError={(rowData: IDwhLeg) => rowData.totalConsumedStartEnd < 0}\r\n                rowClick={(data: IDwhLeg) => {\r\n                    if (data.id !== leg?.id) {\r\n                        history(`/performance/consumption/legs/${data.id}`);\r\n                    }\r\n                }}\r\n                selectedRow={(data: IDwhLeg) => {\r\n                    if (leg) {\r\n                        return leg.id === data.id;\r\n                    }\r\n                    return false;\r\n                }}\r\n            />\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    border-bottom: 1px #ddd solid;\r\n    background-color: #f1f5fa;\r\n\r\n    >div:first-child {\r\n        font-size: 22px;\r\n        padding: 18px 24px 16px 30px;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        padding-top: 21px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegPanelHeader: React.FC<{ onCloseClick: () => void }> = ({ onCloseClick }) => {\r\n    return (\r\n        <Container>\r\n            <div title=\"Close\" onClick={onCloseClick}>\r\n                <FontAwesomeIcon icon={faTimes} />\r\n            </div>\r\n            <div>\r\n                Leg details\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDroplet, faFire, faLeaf, faShip, faTachometerAlt, faWater } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 16.66%);\r\n    box-shadow: 0px 5px 8px -5px #bbb;\r\n        \r\n    >div {\r\n        border-right: 1px solid #eee;\r\n        display: flex;\r\n        padding: 20px 10px;\r\n        display: flex;\r\n        justify-content: center;\r\n        \r\n        .icon {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .info {\r\n            padding-left: 10px;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n\r\n            >div:first-child {\r\n                margin-bottom: 0px;\r\n                font-size: 16px;\r\n                overflow-x: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n\r\n            >div:last-child {\r\n                color: #bbb;\r\n                font-size: 10px;\r\n                text-transform: uppercase;\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:first-child {\r\n        padding: 20px 10px 20px 30px;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-right: none;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegPanelDetails = () => {\r\n    const { leg } = useConsumptionProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    if (!leg) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faShip} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {toCapitalLetters(leg.vessel.name)}\r\n                    </div>\r\n                    <div>\r\n                        Vessel\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faDroplet} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {leg.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT\r\n                    </div>\r\n                    <div>\r\n                        Consumption\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faWater} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {leg.distanceStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2 })} NM\r\n                    </div>\r\n                    <div>\r\n                        Distance\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faTachometerAlt} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {leg.avgSpeedSogStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} KN\r\n                    </div>\r\n                    <div>\r\n                        Avg. speed\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {leg.co2EmissionStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} MT\r\n                    </div>\r\n                    <div>\r\n                        CO2 emission\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div title={leg.euaDescription ?? undefined}>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {leg.euaStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })}\r\n                    </div>\r\n                    <div>\r\n                        EUAs\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { XAxis, YAxis, Tooltip, ResponsiveContainer, Bar, ComposedChart, Area } from 'recharts';\r\nimport { ReChartsTooltip } from \"../../../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { useAppContext } from \"../../../../../../globalHooks/useStores\";\r\nimport { IDwhLeg } from \"../../../../../../interfaces/IDwhLeg\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .header {\r\n        padding: 30px;\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n\r\n        .chart-header {\r\n            >div:first-child {\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n            }\r\n\r\n            >div:nth-child(2) {\r\n                font-size: 12px;\r\n                color: #aaa;\r\n            }\r\n        }\r\n\r\n        .chart-link {\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IChartData {\r\n    data: any[],\r\n    keys: IChartValue[]\r\n}\r\n\r\ninterface IChartValue {\r\n    key: string,\r\n    color: string,\r\n    stackId: string,\r\n    yAxisId: string\r\n}\r\n\r\nexport const ConsumptionLegPanelChart: React.FC<{ legs?: IDwhLeg[] }> = ({ legs }) => {\r\n    const { app } = useAppContext();\r\n    const { toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { leg } = useConsumptionProvider();\r\n    const [chartData, setChartData] = useState<IChartData | undefined>();\r\n    const history = useNavigate();\r\n\r\n    const colors: string[] = [\r\n        \"#1b2431\",\r\n        \"#476083\",\r\n        \"#698ec3\",\r\n        \"#8dbcff\",\r\n        \"#8fa1bb\",\r\n        \"#a9adb3\"\r\n    ];\r\n\r\n    const handleBarClick = (data: any, index: number) => {\r\n        let leg = legs?.find(_ => data.payload.id === _.id);\r\n        if (leg) {\r\n            history(`/performance/consumption/legs/${data.id}`);\r\n        }\r\n    };\r\n\r\n    const createChartData = () => {\r\n        let formattedData: any[] = [];\r\n        let bars: IChartValue[] = [];\r\n\r\n        legs?.forEach((leg, index) => {\r\n            let chartEntry: any = {\r\n                // Must be unique\r\n                name: `Leg #${index + 1}. ${leg.vessel.name}, ${toDateString(leg.departed, leg.fromPort.timeZone, true, true)} - ${toDateString(leg.arrived, leg.toPort.timeZone, true, true)}`,\r\n                id: leg.id\r\n            };\r\n\r\n            leg.consumptions.forEach(c => {\r\n                chartEntry[c.fuel.name] = c.consumedStartEnd;\r\n\r\n                // Add bar\r\n                let fuelTypeBar = bars.find(_ => _.key === c.fuel.name);\r\n\r\n                if (!fuelTypeBar) {\r\n                    bars.push({\r\n                        color: bars.length <= colors.length ? colors[bars.length] : \"green\",\r\n                        key: c.fuel.name,\r\n                        stackId: \"a\",\r\n                        yAxisId: \"left\"\r\n                    });\r\n                }\r\n            });\r\n\r\n            chartEntry.Distance = leg.distanceStartEnd;\r\n\r\n            // Add data to array\r\n            formattedData.push(chartEntry);\r\n        });\r\n\r\n        setChartData({\r\n            data: formattedData,\r\n            keys: bars\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (legs) {\r\n            createChartData();\r\n        }\r\n    }, [legs])\r\n\r\n\r\n    if (!chartData || !chartData.data || chartData.data.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div className=\"chart-header\">\r\n                    <div>\r\n                        Legs with same departure and arrival ports last year {legs ? `(${legs.length})` : \"\"}\r\n                    </div>\r\n                    <div>\r\n                        Consumption and distance chart\r\n                    </div>\r\n                </div>\r\n                <div className=\"chart-link\">\r\n                    {/* Show only legs for {toCapitalLetters(leg?.vessel.name)} */}\r\n                </div>\r\n            </div>\r\n            <div style={{ height: \"120px\" }} >\r\n                <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                    <ComposedChart\r\n                        barSize={20}\r\n                        data={chartData?.data}\r\n                        margin={{\r\n                            right: -38,\r\n                            left: -18,\r\n                            bottom: -30\r\n                        }}\r\n                    >\r\n                        <XAxis\r\n                            dataKey=\"name\"\r\n                            scale=\"point\"\r\n                            display=\"none\"\r\n                            onClick={data => alert('Arm3 clicked ')}\r\n                        />\r\n                        <YAxis\r\n                            yAxisId=\"left\"\r\n                            display=\"none\"\r\n                            tickFormatter={_ => {\r\n                                return _.toLocaleString() + \" MT\";\r\n                            }}\r\n                        />\r\n                        <YAxis\r\n                            yAxisId=\"right\"\r\n                            display=\"none\"\r\n                            orientation=\"right\"\r\n                            width={80}\r\n                            tickFormatter={_ => {\r\n                                return _.toLocaleString() + \" NM\";\r\n                            }}\r\n                        />\r\n                        <Tooltip\r\n                            content={_ => {\r\n                                return (\r\n                                    <ReChartsTooltip>\r\n                                        <div className=\"tt-header\">\r\n                                            {_.label}\r\n                                        </div>\r\n                                        <div className=\"tt-payload\">\r\n                                            {_.payload?.map(p => {\r\n                                                return (\r\n                                                    <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                        <div>\r\n                                                            {p.name}\r\n                                                        </div>\r\n                                                        <div>\r\n                                                            {p.value?.toLocaleString()} {p.name?.toString().toLowerCase() === \"distance\" ? \"NM\" : \"MT\"}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                        </div>\r\n                                    </ReChartsTooltip>\r\n                                );\r\n                            }}\r\n                        />\r\n\r\n                        {/* Distance */}\r\n                        <Area\r\n                            yAxisId=\"right\"\r\n                            type=\"monotone\"\r\n                            dataKey=\"Distance\"\r\n                            stroke=\"#4177bf\"\r\n                            fill=\"#EBF3FE\"\r\n                            strokeWidth={1}\r\n                            animationDuration={500}\r\n                        />\r\n\r\n                        {/* Fuel */}\r\n                        {chartData?.keys.map(_ => {\r\n                            return (\r\n                                <Bar\r\n                                    cursor=\"pointer\"\r\n                                    key={`Bar_${_.key}`}\r\n                                    dataKey={_.key}\r\n                                    stackId={_.stackId}\r\n                                    fill={_.color}\r\n                                    yAxisId={_.yAxisId}\r\n                                    animationDuration={500}\r\n                                    onClick={handleBarClick}\r\n                                />\r\n                            );\r\n                        })}\r\n                    </ComposedChart>\r\n                </ResponsiveContainer>\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ILogReport } from \"../../interfaces/ILogReport\";\r\nimport { LogReportType } from \"../../_enums/LogReportType\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\nexport const useLogReports = (from?: Date, to?: Date, vesselIds?: number[], reportTypes?: LogReportType[], datesRequired?: boolean, dedupingInterval?: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let params: string[] = [];\r\n    let url = \"/reports/log\";\r\n\r\n    if (from) {\r\n        params.push(`from=${makeDateObject(from).toJSDate().toISOString()}`);\r\n    }\r\n    if (to) {\r\n        params.push(`to=${makeDateObject(to).toJSDate().toISOString()}`);\r\n    }\r\n    if (vesselIds) {\r\n        params.push(`vesselIds=${vesselIds.join(\",\")}`);\r\n    }\r\n    if (reportTypes) {\r\n        params.push(`reportTypes=${reportTypes.join(\",\")}`);\r\n    }\r\n\r\n    if (params.length > 0) {\r\n        url += `?${params.join(\"&\")}`;\r\n    }\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(datesRequired && (!from || !to) ? null : url, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval,\r\n        errorRetryCount: 1\r\n    });\r\n\r\n    let logReports: ILogReport[] | undefined = data;\r\n\r\n    return { logReports, error, isValidating, mutate };\r\n};","import React, { FC, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChevronDown, faChevronUp, faSun } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ILogReport } from \"../../../../interfaces/ILogReport\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-family: Roboto;\r\n\r\n    >div {\r\n        cursor: pointer;\r\n        display: grid;\r\n        grid-template-columns: 20px auto auto;\r\n        align-items: center;\r\n        gap: 10px;\r\n        margin: 10px 0;\r\n\r\n        .icon {\r\n            height: 20px;\r\n            width: 20px;\r\n            border-radius: 50%;\r\n            font-size: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #c7c74d;\r\n            box-shadow: 0 0 10px #CCC;\r\n        }\r\n\r\n        .date {\r\n            padding-top: 1px;\r\n            color: #aaa;\r\n            font-size: 12px;\r\n            display: grid;\r\n            align-items: center;\r\n        }\r\n\r\n        .date, .chevron {\r\n            margin-left: -2px;\r\n        }\r\n\r\n        :hover {\r\n            color: #4177bf;\r\n        }\r\n    }\r\n\r\n    .collapse {\r\n        margin: 15px 0 25px 30px;\r\n        display: flex;\r\n        color: #aaa;\r\n        font-weight: 500;\r\n        font-size: 12px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const NoonReports: FC<{ logReports?: ILogReport[] }> = ({ logReports }) => {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const { makeDateObject } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    if (!logReports) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {logReports.length === 1\r\n                ?\r\n                <NoonReport r={logReports[0]} />\r\n                :\r\n                <>\r\n                    {expanded\r\n                        ?\r\n                        <>\r\n                            {logReports && logReports.sort((a, b) => { return makeDateObject(a.dateAndTime) > makeDateObject(b.dateAndTime) ? 1 : -1; }).map(r => {\r\n                                return <NoonReport r={r} />;\r\n                            })}\r\n                            <div className=\"collapse\" onClick={() => setExpanded(!expanded)}>\r\n                                <div>\r\n                                    Collapse noon reports\r\n                                </div>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faChevronUp} />\r\n                                </div>\r\n                            </div>\r\n                        </>\r\n                        :\r\n                        <div className=\"noon-reports\" title=\"Expand noon reports\" onClick={() => setExpanded(!expanded)}>\r\n                            <div className=\"icon\">\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faSun} />\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                Noon reports ({logReports.length})\r\n                            </div>\r\n                            <div className=\"chevron\">\r\n                                <FontAwesomeIcon icon={faChevronDown} />\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </>\r\n            }\r\n        </Container>\r\n    );\r\n};\r\n\r\nconst NoonReport: FC<{ r: ILogReport }> = ({ r }) => {\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    return (\r\n        <div\r\n            title=\"Click for details\"\r\n            className=\"noon-report\"\r\n            onClick={e => navigate(`/reports/log/${r.id}`, e.ctrlKey)}\r\n        >\r\n            <div className=\"icon\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faSun} />\r\n                </div>\r\n            </div>\r\n            <div className=\"text\">\r\n                Noon report\r\n            </div>\r\n            <div className=\"date\">\r\n                <DateString date={r.dateAndTime} timeZone={resolveTimeZone()} dateOnly />\r\n            </div>\r\n        </div>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheck, faSun, faTimes, faWarning, faWrench } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { IDwhLegConsumption } from \"../../../../../../interfaces/IDwhLeg\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useLegFuelCorrections } from \"../../../../../../api/hooks/useDwhFuelCorrections\";\r\nimport { useLogReports } from \"../../../../../../api/hooks/useLogReports\";\r\nimport { LogReportType } from \"../../../../../../_enums/LogReportType\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { DateString } from \"../../../../../../blocks/dateString/DateString\";\r\nimport { NoonReports } from \"../../NoonReports\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ hasFuelCorrections: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: ${_ => _.hasFuelCorrections ? \"minmax(210px, auto) 210px 1fr\" : \"minmax(210px, auto) 1fr\"};\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n\r\n    .header {\r\n        font-family: Roboto;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .section {\r\n        padding: 20px 30px;\r\n    }\r\n\r\n    .reports {\r\n        .report {\r\n            font-family: Roboto;\r\n            font-size: 14px;\r\n            display: flex;\r\n            margin: 8px 0 10px;\r\n            color: #aaa;\r\n            text-decoration: line-through;\r\n\r\n            >div {\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n            >div:first-child {\r\n                margin-right: 10px;\r\n            }\r\n\r\n            .icon {\r\n                height: 20px;\r\n                width: 20px;\r\n                border-radius: 50%;\r\n                font-size: 14px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        .active {\r\n            text-decoration: none;\r\n            color: #333;\r\n\r\n            .icon {\r\n                background-color: green;\r\n                color: white;\r\n                font-size: 12px;\r\n            }\r\n\r\n            :hover {\r\n                 cursor: pointer;\r\n                 color: #4177bf;\r\n            }\r\n        }\r\n\r\n        .invisible {\r\n            display: none;\r\n        }\r\n\r\n        .fuel-correction {\r\n            .icon {\r\n                background-color: #BF8941;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fuel-types {\r\n        table {\r\n            width: 100%;\r\n            border-spacing: 0;\r\n            font-family: Roboto;\r\n\r\n            tbody {\r\n\r\n                .header-row {\r\n                    td {\r\n                        svg {\r\n                            margin-left: 5px;\r\n                            color: red;\r\n                        }\r\n                    }\r\n                }\r\n            \r\n                .bar-row {\r\n                    td {\r\n                        padding-bottom: 10px;\r\n                    }\r\n\r\n                    td:first-child {\r\n                        width: 100%;\r\n\r\n                        .bar {\r\n                            height: 12px;\r\n                            width: 100%;\r\n                            background-color: #f1f1f1;\r\n                            border: 1px solid #ddd;\r\n                            border-radius: 4px;\r\n\r\n                            >div {\r\n                                height: 100%;\r\n                                background-color: #1b2431;\r\n                                border-radius: 4px;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    td:last-child {\r\n                        white-space: nowrap;\r\n                        text-align: right;\r\n                        padding-left: 10px;\r\n                        font-size: 12px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegPanelReportsAndConsumptionDetails = () => {\r\n    const { leg } = useConsumptionProvider();\r\n    const { fuelCorrections } = useLegFuelCorrections(leg?.id);\r\n    const { logReports } = useLogReports(leg?.start, leg?.end, leg ? [leg.vessel.id] : undefined, [LogReportType.Noon], true, 1000 * 60);\r\n    const hasFuelCorrections = fuelCorrections && fuelCorrections.length > 0 ? true : false;\r\n\r\n    if (!leg) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container hasFuelCorrections={hasFuelCorrections}>\r\n            <div className=\"section\">\r\n                <div className=\"header\">\r\n                    Leg reports\r\n                </div>\r\n                <div className=\"reports\">\r\n                    <Report type=\"Report\" title=\"Departure report\" active={leg.departureReport ? true : false} reportId={leg.departureReport?.id} />\r\n                    <Report type=\"Report\" title=\"Weighed anchor report\" active={leg?.weighedAnchorReport ? true : false} reportId={leg?.weighedAnchorReport?.id} visible={leg?.weighedAnchorReport || leg?.anchoredReport ? true : false} />\r\n                    <Report type=\"Report\" title=\"Sosp report\" active={leg.sospReport ? true : false} reportId={leg.sospReport?.id} />\r\n                    <NoonReports logReports={logReports} />\r\n                    <Report type=\"Report\" title=\"Eosp report\" active={leg.eospReport ? true : false} reportId={leg.eospReport?.id} />\r\n                    <Report type=\"Report\" title=\"Anchored report\" active={leg?.anchoredReport ? true : false} reportId={leg?.anchoredReport?.id} visible={leg?.anchoredReport || leg?.weighedAnchorReport ? true : false} />\r\n                    <Report type=\"Report\" title=\"Arrival report\" active={leg.arrivalReport ? true : false} reportId={leg.arrivalReport?.id} />\r\n                </div>\r\n            </div>\r\n            {/* {hasFuelCorrections &&\r\n                <div className=\"section\">\r\n                    <div className=\"header\">\r\n                        Fuel corrections\r\n                    </div>\r\n                    <div className=\"reports\">\r\n                        {fuelCorrections?.map((fc) => {\r\n                            return (\r\n                                <Report type=\"Correction\" active key={`FuelCorrection_${fc.id}`} title={fc.amount + ' MT'} reportId={fc.id} />\r\n                            );\r\n                        })}\r\n                    </div>\r\n                </div>\r\n            } */}\r\n            <div className=\"section\">\r\n                <div className=\"header\">\r\n                    Consumption pr. fuel type ({leg?.consumptions.length})\r\n                </div>\r\n                <div className=\"fuel-types\">\r\n                    <table>\r\n                        <tbody>\r\n                            {leg?.consumptions.map(c => {\r\n                                let percent = c.consumedStartEnd >= 0 && leg.totalConsumedStartEnd >= 0 ? (c.consumedStartEnd / leg.totalConsumedStartEnd) * 100 : 0;\r\n\r\n                                if (c.consumedStartEnd === 0) {\r\n                                    percent = 0;\r\n                                }\r\n                                else if (percent > 100) {\r\n                                    percent = 100;\r\n                                }\r\n\r\n                                return (\r\n                                    <FuelConsumption key={`FuelConsumption_${c.fuel.id}`} c={c} percent={percent} />\r\n                                );\r\n                            })}\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};\r\n\r\nconst FuelConsumption: React.FC<{ c: IDwhLegConsumption, percent: number }> = ({ c, percent }) => {\r\n    return (\r\n        <>\r\n            <tr className=\"header-row\">\r\n                <td colSpan={2}>\r\n                    {c.fuel.name}\r\n                    {c.consumedStartEnd <= 0 &&\r\n                        <FontAwesomeIcon icon={faWarning} />\r\n                    }\r\n                </td>\r\n            </tr>\r\n            <tr className=\"bar-row\">\r\n                <td>\r\n                    <div className=\"bar\">\r\n                        <div style={{ width: `${percent}%` }} />\r\n                    </div>\r\n                </td>\r\n                <td>\r\n                    {c.consumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT\r\n                </td>\r\n            </tr>\r\n        </>\r\n    );\r\n}\r\n\r\nconst Report: React.FC<{ date?: Date, title: string, active?: boolean, reportId?: string, type: \"Report\" | \"Noon\" | \"Correction\", visible?: boolean }> = ({ date, title, active, reportId, type, visible }) => {\r\n    const history = useNavigate();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    const getClassNames = () => {\r\n        let classes: string[] = [\"report\"];\r\n\r\n        if (active) {\r\n            classes.push(\"active\");\r\n        }\r\n        if (type === \"Correction\") {\r\n            classes.push(\"fuel-correction\");\r\n        }\r\n        if (type === \"Noon\") {\r\n            classes.push(\"noon\");\r\n        }\r\n        if (visible === false ) {\r\n            classes.push(\"invisible\");\r\n        }\r\n\r\n        return classes.join(\" \");\r\n    }\r\n\r\n    const getIcon = () => {\r\n        switch (type) {\r\n            case \"Noon\":\r\n                return faSun;\r\n            case \"Correction\":\r\n                return faWrench;\r\n        }\r\n\r\n        return active ? faCheck : faTimes;\r\n    }\r\n\r\n    return (\r\n        <div\r\n            title={reportId ? `${date ? `${toDateString(date, resolveTimeZone())}. ` : \"\"}Click for details` : \"Not registered\"}\r\n            className={getClassNames()}\r\n            onClick={e => {\r\n                if (reportId) {\r\n                    navigate(type === \"Correction\" ? `/reports/fuelCorrections/${reportId}` : `/reports/log/${reportId}`, e.ctrlKey);\r\n                }\r\n            }}\r\n        >\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={getIcon()} />\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <span>{title}</span>\r\n                {date &&\r\n                    <span className=\"date\">\r\n                        <DateString date={date} timeZone={resolveTimeZone()} dateOnly />\r\n                    </span>\r\n                }\r\n            </div>\r\n        </div >\r\n    );\r\n}","import useSWR from \"swr\";\r\nimport { IFuelCorrection } from \"../../interfaces/IFuelCorrection\";\r\n\r\nexport const usePortCallFuelCorrections = (portCallId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(portCallId ? `/reports/fuelCorrections/portCall/${portCallId}` : null, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let fuelCorrections: IFuelCorrection[] | undefined = data;\r\n\r\n    return { fuelCorrections, error, isValidating, mutate };\r\n};\r\n\r\nexport const useLegFuelCorrections = (legId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(legId ? `/reports/fuelCorrections/leg/${legId}` : null, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let fuelCorrections: IFuelCorrection[] | undefined = data;\r\n\r\n    return { fuelCorrections, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n    display: flex;\r\n\r\n    .route-point {\r\n        font-family: Roboto;\r\n        cursor: pointer;\r\n\r\n        >div:first-child {\r\n            font-size: 10px;\r\n            color: #aaa;\r\n        }\r\n\r\n        >div:nth-child(2) {\r\n            text-transform: uppercase;\r\n            font-size: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        >div:last-child {\r\n            text-transform: uppercase;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .right {\r\n        text-align: right;\r\n    }\r\n\r\n    .route-center {\r\n        padding: 0 20px;\r\n        position: relative;\r\n        flex-grow: 1;\r\n        display: grid;\r\n        grid-template-columns: 16px 1fr 16px auto;\r\n        align-items: center;\r\n\r\n        .route-circle {\r\n            background-color: #4177bf;\r\n            height: 16px;\r\n            width: 16px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .route-line {\r\n            background-color: #4177bf;\r\n            height: 2px;\r\n        }\r\n\r\n        .route-duration {\r\n            position: absolute;\r\n            font-size: 12px;\r\n            font-weight: 500;\r\n            background-color: #4177bf;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            color: white;\r\n            padding: 2px 8px 3px;\r\n            border-radius: 4px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionLegPanelRoute = () => {\r\n    const { leg } = useConsumptionProvider();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    if (!leg) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"route-point left\" onClick={e => navigate(`/portCalls/${leg.fromPortCall.id}`, e.ctrlKey)} title={`Departed ${leg.fromPort.name} ${toDateString(leg.departed, leg.fromPort.timeZone, true)} local port time. Click for more details.`}>\r\n                <div>\r\n                    {toDateString(leg.start, leg.fromPort.timeZone, true)}\r\n                </div>\r\n                <div>\r\n                    {leg.fromPort.unLoCode}\r\n                </div>\r\n                <div>\r\n                    {leg.fromPort.name}\r\n                </div>\r\n            </div>\r\n            <div className=\"route-center\">\r\n                <div className=\"route-circle\" />\r\n                <div className=\"route-line\" />\r\n                <div className=\"route-circle\" />\r\n\r\n                <div className=\"route-duration\">\r\n                    {getDurationString(leg.durationStartEndMinutes * 60 * 1000, false, true, leg.durationStartEndMinutes < 60)}\r\n                </div>\r\n            </div>\r\n            <div className=\"route-point right\" onClick={e => navigate(`/portCalls/${leg.toPortCall.id}`, e.ctrlKey)} title={`Arrived ${leg.toPort.name} ${toDateString(leg.arrived, leg.toPort.timeZone, true)} local port time. Click for more details.`}>\r\n                <div>\r\n                    {toDateString(leg.end, leg.toPort.timeZone, true)}\r\n                </div>\r\n                <div>\r\n                    {leg?.toPort.unLoCode}\r\n                </div>\r\n                <div>\r\n                    {leg?.toPort.name}\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel } from \"../../../../../blocks/appPanel/AppPanel\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { ConsumptionLegPanelTable } from \"./Modules/ConsumptionLegPanelTable\";\r\nimport { ConsumptionLegPanelHeader } from \"./Modules/ConsumptionLegPanelHeader\";\r\nimport { useDwhLeg } from \"../../../../../api/hooks/useDwhLeg\";\r\nimport { ConsumptionLegPanelDetails } from \"./Modules/ConsumptionLegPanelDetails\";\r\nimport { useDwhLegs } from \"../../../../../api/hooks/useDwhLegs\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ConsumptionLegPanelChart } from \"./Modules/ConsumptionLegPanelChart\";\r\nimport { ConsumptionLegPanelReportsAndConsumptionDetails } from \"./Modules/ConsumptionLegPanelReportsAndConsumptionDetails\";\r\nimport { ConsumptionLegPanelRoute } from \"./Modules/ConsumptionLegPanelRoute\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\n\r\nexport const ConsumptionLegPanel = () => {\r\n    const [fromToPortIds, setFromToPortIds] = useState<{ fromId: number, toId: number } | undefined>();\r\n    const [legId, setLegId] = useState();\r\n    const { leg } = useDwhLeg(legId);\r\n    const { detailType, detailId } = useParams<{ detailType: any, detailId: any }>();\r\n    const { setLeg } = useConsumptionProvider();\r\n    const history = useNavigate();\r\n    let topRef: HTMLDivElement | null;\r\n\r\n    // Leg with same from and to\r\n    const { legsData } = useDwhLegs(\r\n        fromToPortIds ? DateTime.now().plus({ years: -1 }).startOf(\"day\").toJSDate() : undefined,\r\n        fromToPortIds ? DateTime.now().plus({ days: 2 }).endOf(\"day\").toJSDate() : undefined,\r\n        [],\r\n        fromToPortIds ? fromToPortIds.fromId : undefined,\r\n        fromToPortIds ? fromToPortIds.toId : undefined\r\n    );\r\n\r\n    const closePanel = () => {\r\n        history(\"/performance/consumption\")\r\n    }\r\n\r\n    // Get complete leg\r\n    useEffect(() => {\r\n        if (leg) {\r\n            setLeg(leg);\r\n            setFromToPortIds({\r\n                fromId: leg.fromPort.id,\r\n                toId: leg.toPort.id\r\n            });\r\n\r\n            topRef?.scrollIntoView({ behavior: \"smooth\" });\r\n        }\r\n    }, [leg])\r\n\r\n    useEffect(() => {\r\n        if (detailType === \"legs\") {\r\n            setLegId(detailId);\r\n        }\r\n        else {\r\n            setLegId(undefined);\r\n        }\r\n    }, [detailType, detailId])\r\n\r\n    return (\r\n        <AppPanel\r\n            noPadding\r\n            noHeader\r\n            isOpen={legId ? true : false}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"1100px\"\r\n            dismiss={closePanel}\r\n        >\r\n            <div ref={_ => topRef = _}>\r\n                <ConsumptionLegPanelHeader onCloseClick={closePanel} />\r\n            </div>\r\n            <div style={{ borderLeft: \"6px #4177bf solid\" }}>\r\n                <ConsumptionLegPanelRoute />\r\n                <ConsumptionLegPanelReportsAndConsumptionDetails />\r\n                <ConsumptionLegPanelDetails />\r\n            </div>\r\n            <div>\r\n                <ConsumptionLegPanelChart legs={legsData?.slice().reverse()} />\r\n                <ConsumptionLegPanelTable legs={legsData} />\r\n            </div>\r\n        </AppPanel >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDwhLeg } from \"../../interfaces/IDwhLeg\";\r\n\r\nexport const useDwhLeg = (id?: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(id ? `/dwh/legs/${id}` : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let leg: IDwhLeg | undefined = data;\r\n\r\n    return { leg, error, fetching, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDroplet, faLeaf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { AppGridTableNew } from \"../../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\nimport { IGridTableColumn } from \"../../../../../../interfaces/IGridTableColumn\";\r\nimport { IDwhPortCall } from \"../../../../../../interfaces/IDwhPortCall\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCallPanelTable: React.FC<{ portCalls?: IDwhPortCall[] }> = ({ portCalls }) => {\r\n    const history = useNavigate();\r\n    const { portCall } = useConsumptionProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Arrived\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toDateString(data.start, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Duration\",\r\n            textAlign: \"center\",\r\n            render: (data: IDwhPortCall) => {\r\n                return data.durationStartEndMinutes < 60\r\n                    ? getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, true)\r\n                    : getDurationString(data.durationStartEndMinutes * 60 * 1000, false, false, false);\r\n            }\r\n        },\r\n        {\r\n            key: \"Departed\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toDateString(data.end, undefined, true, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Vessel\",\r\n            render: (data: IDwhPortCall) => {\r\n                return toCapitalLetters(data.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"Consumed (mt)\",\r\n            textAlign: \"right\",\r\n            isError: (data: IDwhPortCall) => {\r\n                return data.invalidConsumption;\r\n            },\r\n            render: (data: IDwhPortCall) => {\r\n                if (data.totalConsumedStartEnd > 0) {\r\n                    return (\r\n                        <>\r\n                            <span style={{ paddingRight: \"10px\" }}>{data.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })}</span>\r\n                            <FontAwesomeIcon icon={faDroplet} />\r\n                        </>\r\n                    );\r\n                }\r\n                return \"-\";\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <AppGridTableNew\r\n                columns={columns}\r\n                loading={!portCalls}\r\n                data={portCalls}\r\n                rowClick={(data: IDwhPortCall) => {\r\n                    if (data.id !== portCall?.id) {\r\n                        history(`/performance/consumption/portcalls/${data.id}`);\r\n                    }\r\n                }}\r\n                rowError={(rowData: IDwhPortCall) => {\r\n                    return rowData.totalConsumedStartEnd < 0 || rowData.co2EmissionStartEnd < 0;\r\n                }}\r\n                selectedRow={(data: IDwhPortCall) => {\r\n                    if (portCall) {\r\n                        return portCall.id === data.id;\r\n                    }\r\n                    return false;\r\n                }}\r\n            />\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    border-bottom: 1px #ddd solid;\r\n    background-color: #f1f5fa;\r\n\r\n    >div:first-child {\r\n        font-size: 22px;\r\n        padding: 18px 24px 16px 30px;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        padding-top: 21px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCallPanelHeader: React.FC<{ onCloseClick: () => void }> = ({ onCloseClick }) => {\r\n    return (\r\n        <Container>\r\n            <div title=\"Close\" onClick={onCloseClick}>\r\n                <FontAwesomeIcon icon={faTimes} />\r\n            </div>\r\n            <div>\r\n                Port call details\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { XAxis, YAxis, Tooltip, ResponsiveContainer, Bar, ComposedChart, Area } from 'recharts';\r\nimport { ReChartsTooltip } from \"../../../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { IDwhPortCall } from \"../../../../../../interfaces/IDwhPortCall\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    >div:first-child {\r\n        padding: 30px;   \r\n\r\n        >div:first-child {\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IChartData {\r\n    data: any[],\r\n    keys: IChartValue[]\r\n}\r\n\r\ninterface IChartValue {\r\n    key: string,\r\n    color: string,\r\n    stackId: string,\r\n    yAxisId: string\r\n}\r\n\r\nexport const ConsumptionPortCallPanelChart: React.FC<{ portCalls?: IDwhPortCall[] }> = ({ portCalls }) => {\r\n    const [chartData, setChartData] = useState<IChartData | undefined>();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    const colors: string[] = [\r\n        \"#1b2431\",\r\n        \"#476083\",\r\n        \"#698ec3\",\r\n        \"#8dbcff\",\r\n        \"#8fa1bb\",\r\n        \"#a9adb3\"\r\n    ];\r\n\r\n    const handleBarClick = (data: any, index: number) => {\r\n        let portCall = portCalls?.find(_ => data.payload.id === _.id);\r\n        if (portCall) {\r\n            history(`/performance/consumption/portCalls/${data.id}`);\r\n        }\r\n    };\r\n\r\n    const createChartData = () => {\r\n        let formattedData: any[] = [];\r\n        let bars: IChartValue[] = [];\r\n\r\n        portCalls?.forEach((portCall, index) => {\r\n            let chartEntry: any = {\r\n                name: `Port call #${index}. ${portCall.vessel.name}, ${toDateString(portCall.arrived, portCall.port.timeZone, true, true)} - ${toDateString(portCall.departed, portCall.port.timeZone, true, true)}`,\r\n                id: portCall.id\r\n            };\r\n\r\n            portCall.consumptions.forEach(c => {\r\n                chartEntry[c.fuel.name] = c.consumedStartEnd;\r\n\r\n                // Add bar\r\n                let fuelTypeBar = bars.find(_ => _.key === c.fuel.name);\r\n\r\n                if (!fuelTypeBar) {\r\n                    bars.push({\r\n                        color: bars.length <= colors.length ? colors[bars.length] : \"green\",\r\n                        key: c.fuel.name,\r\n                        stackId: \"a\",\r\n                        yAxisId: \"left\"\r\n                    });\r\n                }\r\n            })\r\n\r\n            chartEntry.Duration = portCall.durationStartEndMinutes;\r\n\r\n            // Add data to array\r\n            formattedData.push(chartEntry);\r\n        });\r\n\r\n        setChartData({\r\n            data: formattedData,\r\n            keys: bars\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (portCalls) {\r\n            createChartData();\r\n        }\r\n    }, [portCalls])\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <div>\r\n                    Port calls in same port last year {portCalls ? `(${portCalls.length})` : \"\"}\r\n                </div>\r\n                <div>\r\n                    Consumption and duration chart\r\n                </div>\r\n            </div>\r\n            <div style={{ height: \"120px\" }} >\r\n                <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                    <ComposedChart\r\n                        barSize={20}\r\n                        data={chartData?.data}\r\n                        margin={{\r\n                            right: -38,\r\n                            left: -18,\r\n                            bottom: -30\r\n                        }}\r\n                    >\r\n                        <XAxis\r\n                            dataKey=\"name\"\r\n                            scale=\"point\"\r\n                            display=\"none\"\r\n                        />\r\n                        <YAxis\r\n                            yAxisId=\"left\"\r\n                            display=\"none\"\r\n                        />\r\n                        <YAxis\r\n                            yAxisId=\"right\"\r\n                            display=\"none\"\r\n                            orientation=\"right\"\r\n                            width={80}\r\n                        />\r\n                        <Tooltip\r\n                            content={_ => {\r\n                                return (\r\n                                    <ReChartsTooltip>\r\n                                        <div className=\"tt-header\">\r\n                                            {_.label}\r\n                                        </div>\r\n                                        <div className=\"tt-payload\">\r\n                                            {_.payload?.map(p => {\r\n                                                let value = p.name?.toString().toLowerCase() === \"duration\"\r\n\r\n                                                    ? getDurationString(Number(p.value) * 60 * 1000, false, true, true)\r\n                                                    : p.value?.toLocaleString() + \" MT\";\r\n\r\n                                                return (\r\n                                                    <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                        <div>\r\n                                                            {p.name}\r\n                                                        </div>\r\n                                                        <div>\r\n                                                            {value}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                        </div>\r\n                                    </ReChartsTooltip>\r\n                                );\r\n                            }}\r\n                        />\r\n\r\n                        {/* Duration */}\r\n                        <Area\r\n                            yAxisId=\"right\"\r\n                            type=\"monotone\"\r\n                            dataKey=\"Duration\"\r\n                            stroke=\"#4177bf\"\r\n                            fill=\"#EBF3FE\"\r\n                            strokeWidth={1}\r\n                            animationDuration={500}\r\n                        />\r\n\r\n                        {/* Fuel */}\r\n                        {chartData?.keys.map(_ => {\r\n                            return (\r\n                                <Bar\r\n                                    cursor=\"pointer\"\r\n                                    key={`Bar_${_.key}`}\r\n                                    dataKey={_.key}\r\n                                    stackId={_.stackId}\r\n                                    fill={_.color}\r\n                                    yAxisId={_.yAxisId}\r\n                                    animationDuration={500}\r\n                                    onClick={handleBarClick}\r\n                                />\r\n                            );\r\n                        })}\r\n\r\n                    </ComposedChart>\r\n                </ResponsiveContainer>\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDroplet, faFire, faLeaf, faShip, faWater } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 20%);\r\n    box-shadow: 0px 5px 8px -5px #bbb;\r\n\r\n    >div {\r\n        border-right: 1px solid #eee;\r\n        display: flex;\r\n        padding: 20px 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        \r\n        .icon {\r\n            font-size: 26px;\r\n        }\r\n\r\n        .info {\r\n            padding-left: 10px;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n\r\n            >div:first-child {\r\n                margin-bottom: 0px;\r\n                font-size: 16px;\r\n                overflow-x: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n\r\n            >div:last-child {\r\n                color: #bbb;\r\n                font-size: 10px;\r\n                text-transform: uppercase;\r\n                font-weight: 500;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:first-child {\r\n        padding: 20px 10px 20px 30px;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-right: none;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCallPanelDetails = () => {\r\n    const { portCall } = useConsumptionProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    if (!portCall || !portCall.port) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faShip} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {toCapitalLetters(portCall.vessel.name)}\r\n                    </div>\r\n                    <div>\r\n                        Vessel\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faDroplet} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {portCall.totalConsumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT\r\n                    </div>\r\n                    <div>\r\n                        Consumption\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faWater} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {portCall.distanceStartEnd.toLocaleString(undefined, { minimumFractionDigits: 2 })} NM\r\n                    </div>\r\n                    <div>\r\n                        Distance\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {portCall.co2EmissionStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} MT\r\n                    </div>\r\n                    <div>\r\n                        CO2 emission\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div title={portCall.euaDescription ?? undefined}>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />\r\n                </div>\r\n                <div className=\"info\">\r\n                    <div>\r\n                        {portCall.euaStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })}\r\n                    </div>\r\n                    <div>\r\n                        EUAs\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDwhPortCall } from \"../../interfaces/IDwhPortCall\";\r\n\r\nexport const useDwhPortCall = (id?: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(id ? `/dwh/portCalls/${id}` : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let portCall: IDwhPortCall | undefined = data;\r\n\r\n    return { portCall, error, fetching, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .top {\r\n        display: flex;\r\n        border-bottom: 1px #ddd solid;\r\n        background-color: #f1f5fa;\r\n\r\n        >div:first-child {\r\n            font-size: 22px;\r\n            padding: 18px 24px 16px 30px;\r\n            cursor: pointer;\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            padding-top: 21px;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    .portcall {\r\n        padding: 30px;\r\n        display: flex;\r\n\r\n        .portcall-point {\r\n            font-family: Roboto;\r\n\r\n            >div:first-child {\r\n                font-size: 10px;\r\n                color: #aaa;\r\n            }\r\n\r\n            >div:last-child {\r\n                text-transform: uppercase;\r\n                font-size: 20px;\r\n                font-weight: 700;\r\n            }\r\n        }\r\n\r\n        .right {\r\n            text-align: right;\r\n        }\r\n\r\n        .portcall-center {\r\n            padding: 0 20px;\r\n            position: relative;\r\n            flex-grow: 1;\r\n            display: grid;\r\n            grid-template-columns: 16px 1fr 16px auto;\r\n            align-items: center;\r\n\r\n            .portcall-circle {\r\n                background-color: #4177bf;\r\n                height: 16px;\r\n                width: 16px;\r\n                border-radius: 50%;\r\n            }\r\n\r\n            .portcall-line {\r\n                background-color: #4177bf;\r\n                height: 2px;\r\n            }\r\n\r\n            .portcall-duration-double {\r\n                font-family: Roboto;\r\n                position: absolute;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                background-color: #f1f5fa;\r\n                border: 1px solid #b5d4fb;\r\n                border-radius: 4px;\r\n                padding: 6px 18px;\r\n\r\n                >div:first-child {\r\n                    color: #aaa;\r\n                    font-size: 12px;\r\n                    margin-bottom: 2px;\r\n                }\r\n\r\n                >div:nth-child(2) {\r\n                    font-size: 14px;\r\n                    letter-spacing: .5px;\r\n                    text-transform: uppercase;\r\n                    font-weight: 800;\r\n\r\n                    >span:last-child {\r\n                        padding-left: 4px;\r\n                        color: #bbb;\r\n                    }\r\n                }\r\n\r\n                >div:nth-child(3) {\r\n                    padding: 3px 5px;\r\n                    width: 100%;\r\n                }\r\n\r\n                .two-portcalls {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    justify-content: space-between;\r\n                    width: 100%;\r\n                    \r\n                    >div:first-child {\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    >div:last-child {\r\n                        cursor: pointer;\r\n                    }\r\n\r\n                    >div:nth-child(2) {\r\n                        border-left: 1px solid #b5d4fb;\r\n                        margin-bottom: -6px;\r\n                    }\r\n\r\n                    >div {\r\n                        text-align: center;\r\n                        font-family: Roboto;\r\n                        font-size: 12px;\r\n                        \r\n                        div:last-child{\r\n                            font-weight: 600;\r\n                        }\r\n\r\n                        div:first-child {\r\n                            color: #aaa;\r\n                            font-size: 12px;\r\n                            margin-bottom: 2px;\r\n                        }\r\n                    }\r\n\r\n                }\r\n                \r\n                }\r\n            \r\n\r\n            .portcall-duration {\r\n                font-family: Roboto;\r\n                position: absolute;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                background-color: #f1f5fa;\r\n                border: 1px solid #b5d4fb;\r\n                border-radius: 4px;\r\n                padding: 6px 18px;\r\n                cursor: pointer;\r\n\r\n                >div:first-child {\r\n                    color: #aaa;\r\n                    font-size: 12px;\r\n                    margin-bottom: 2px;\r\n                }\r\n\r\n                >div:last-child {\r\n                    font-size: 14px;\r\n                    letter-spacing: .5px;\r\n                    text-transform: uppercase;\r\n                    font-weight: 800;\r\n\r\n                    >span:last-child {\r\n                        padding-left: 4px;\r\n                        color: #bbb;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .reports {\r\n        display: flex;\r\n        margin: 0 26px 15px;\r\n\r\n        >div {\r\n            margin: 0 6px;\r\n            padding: 2px 8px 3px;\r\n            border-radius: 4px;\r\n            background-color: #fafafa;\r\n            border: 1px solid #ccc;\r\n            font-size: 11px;\r\n            font-weight: 500;\r\n            color: #aaa;\r\n        }\r\n\r\n        .exists {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .bdn {\r\n            background-color: lightcoral;\r\n            color: white;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n    \r\n    .details {\r\n        display: flex;\r\n        margin: 0 26px;\r\n        padding-bottom: 30px;\r\n\r\n        >div {\r\n            background-color: #f1f5fa;\r\n            border: 1px solid #ccc;\r\n            font-weight: 500;\r\n            border-radius: 4px;\r\n            padding: 2px 8px 3px;\r\n            font-size: 11px;\r\n            display: flex;\r\n            margin: 0 6px;\r\n\r\n            >div:first-child {\r\n                margin-right: 4px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCallPanelTimeline = () => {\r\n    const { portCall } = useConsumptionProvider();\r\n    const { toDateString, getDurationString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const history = useNavigate();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    const dateDiffInMs = (date1: Date | undefined, date2: Date | undefined) => {\r\n        return !date1 || !date2 ? 0 : new Date(date2).getTime() - new Date(date1).getTime();\r\n    }\r\n\r\n    if (!portCall || !portCall.port) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"portcall\">\r\n                <div className=\"portcall-point left\" title={`Arrived ${toDateString(portCall.start, portCall.port.timeZone, true)} local port time. Click for more details.`}>\r\n                    <div>\r\n                        {toDateString(portCall.start, portCall.port.timeZone, true)}\r\n                    </div>\r\n                    <div>\r\n                        ARR\r\n                    </div>\r\n                </div>\r\n                <div className=\"portcall-center\" title={`${portCall.port.name}. Click for more details.`}>\r\n                    <div className=\"portcall-circle\" />\r\n                    <div className=\"portcall-line\" />\r\n                    <div className=\"portcall-circle\" />\r\n                    {!portCall.secondPortCall &&\r\n                        <div className=\"portcall-duration\" onClick={e => navigate(`/portCalls/${portCall.portCall.id}`, e.ctrlKey)}>\r\n                            <div>\r\n                                {getDurationString(portCall.durationStartEndMinutes * 60 * 1000, false, true, true)}\r\n                            </div>\r\n                            <div>\r\n                                <span>{toCapitalLetters(portCall.port.name)}</span>\r\n                                <span>({toCapitalLetters(portCall.port.unLoCode)})</span>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                    {portCall.secondPortCall &&\r\n                        <div className=\"portcall-duration-double\">\r\n                            <div>\r\n                                {getDurationString(portCall.durationStartEndMinutes * 60 * 1000, false, true, true)}\r\n                            </div>\r\n                            <div>\r\n                                <span>{toCapitalLetters(portCall.port.name)}</span>\r\n                                <span>({toCapitalLetters(portCall.port.unLoCode)})</span>\r\n                            </div>\r\n                            <div></div>\r\n                            <div className=\"two-portcalls\">\r\n                                <div onClick={e => navigate(`/portCalls/${portCall.portCall.id}`, e.ctrlKey)}>\r\n                                    <div>Voyage</div>\r\n                                    <div>{portCall.portCall.voyage?.voyageNumber}</div>\r\n                                </div>\r\n                                <div></div>\r\n                                <div onClick={e => navigate(`/portCalls/${portCall.secondPortCall.id}`, e.ctrlKey)}>\r\n                                    <div>Voyage</div>\r\n                                    <div>{portCall.secondPortCall.voyage?.voyageNumber}</div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                </div>\r\n                <div className=\"portcall-point right\" title={`Departed ${toDateString(portCall.end, portCall.port.timeZone, true)} local port time. Click for more details.`}>\r\n                    <div>\r\n                        {toDateString(portCall.end, portCall.port.timeZone, true)}\r\n                    </div>\r\n                    <div>\r\n                        DEP\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheck, faDroplet, faSun, faTimes, faWarning, faWrench } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useConsumptionProvider } from \"../../../../../../contextHooks/ConsumptionContext\";\r\nimport { IDwhPortCallConsumption } from \"../../../../../../interfaces/IDwhPortCall\";\r\nimport { usePortCallBdns } from \"../../../../../../api/hooks/usePortCallBdns\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Shimmer } from \"@fluentui/react\";\r\nimport { usePortCallFuelCorrections } from \"../../../../../../api/hooks/useDwhFuelCorrections\";\r\nimport { useLogReports } from \"../../../../../../api/hooks/useLogReports\";\r\nimport { LogReportType } from \"../../../../../../_enums/LogReportType\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { DateString } from \"../../../../../../blocks/dateString/DateString\";\r\nimport { NoonReports } from \"../../NoonReports\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ hasFuelCorrections: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: ${_ => _.hasFuelCorrections ? \"minmax(210px, auto) 260px 210px 1fr\" : \"minmax(210px, auto) 260px 1fr\"};\r\n    border-top: 1px solid #eee;\r\n    border-bottom: 1px solid #eee;\r\n\r\n    .header {\r\n        font-family: Roboto;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .section {\r\n        padding: 20px 30px;\r\n    }\r\n\r\n    .reports {\r\n        .report {\r\n            font-family: Roboto;\r\n            font-size: 14px;\r\n            display: flex;\r\n            margin: 8px 0 10px;\r\n            color: #aaa;\r\n            text-decoration: line-through;\r\n\r\n            >div {\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n            >div:first-child {\r\n                margin-right: 10px;\r\n            }\r\n\r\n            .icon {\r\n                height: 20px;\r\n                width: 20px;\r\n                border-radius: 50%;\r\n                font-size: 14px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n            }\r\n        }\r\n\r\n        .active {\r\n            text-decoration: none;\r\n            color: #333;\r\n\r\n            .icon {\r\n                background-color: green;\r\n                color: white;\r\n                font-size: 12px;\r\n            }\r\n\r\n            :hover {\r\n                 cursor: pointer;\r\n                 color: #4177bf;\r\n            }\r\n        }\r\n\r\n        .invisible {\r\n            display: none;\r\n        }\r\n\r\n        .fuel-correction {\r\n            .icon {\r\n                background-color: #BF8941;\r\n            }\r\n        }\r\n\r\n        .bunker {\r\n            .icon {\r\n                background-color: #4177bf;\r\n            }\r\n        }\r\n    }\r\n\r\n    .fuel-types {\r\n        table {\r\n            width: 100%;\r\n            border-spacing: 0;\r\n            font-family: Roboto;\r\n\r\n            tbody {\r\n\r\n                .header-row {\r\n                    td {\r\n                        svg {\r\n                            margin-left: 5px;\r\n                            color: red;\r\n                        }\r\n                    }\r\n                }\r\n            \r\n                .bar-row {\r\n                    td {\r\n                        padding-bottom: 10px;\r\n                    }\r\n\r\n                    td:first-child {\r\n                        width: 100%;\r\n\r\n                        .bar {\r\n                            height: 12px;\r\n                            width: 100%;\r\n                            background-color: #f1f1f1;\r\n                            border: 1px solid #ddd;\r\n                            border-radius: 4px;\r\n\r\n                            >div {\r\n                                height: 100%;\r\n                                background-color: #1b2431;\r\n                                border-radius: 4px;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    td:last-child {\r\n                        white-space: nowrap;\r\n                        text-align: right;\r\n                        padding-left: 10px;\r\n                        font-size: 12px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionPortCallPanelReportsAndConsumptionDetails = () => {\r\n    const { portCall } = useConsumptionProvider();\r\n    const { bdns, isValidating: fetchingBdns } = usePortCallBdns(portCall?.portCall.id);\r\n    const { fuelCorrections } = usePortCallFuelCorrections(portCall?.portCall.id);\r\n    const { logReports } = useLogReports(portCall?.arrived, portCall?.departed, portCall ? [portCall.vessel.id] : undefined, [LogReportType.Noon], true, 1);\r\n    const hasFuelCorrections = fuelCorrections && fuelCorrections.length > 0 ? true : false;\r\n\r\n    return (\r\n        <Container hasFuelCorrections={hasFuelCorrections}>\r\n            <div className=\"section\">\r\n                <div className=\"header\">\r\n                    Port call reports\r\n                </div>\r\n                <div className=\"reports\">\r\n                    <Report type=\"Report\" title=\"Eosp report\" active={portCall?.eospReport ? true : false} reportId={portCall?.eospReport?.id} />\r\n                    <Report type=\"Report\" title=\"Anchored report\" active={portCall?.anchoredReport ? true : false} reportId={portCall?.anchoredReport?.id} visible={portCall?.anchoredReport || portCall?.weighedAnchorReport ? true : false} />\r\n                    <Report type=\"Report\" title=\"Arrival report\" active={portCall?.arrivalReport ? true : false} reportId={portCall?.arrivalReport?.id}  />\r\n                    <NoonReports logReports={logReports} />\r\n                    <Report type=\"Report\" title=\"Departure report\" active={portCall?.departureReport ? true : false} reportId={portCall?.departureReport?.id} />\r\n                    <Report type=\"Report\" title=\"Weighed anchor report\" active={portCall?.weighedAnchorReport ? true : false} reportId={portCall?.weighedAnchorReport?.id} visible={portCall?.weighedAnchorReport || portCall?.anchoredReport ? true : false} />\r\n                    <Report type=\"Report\" title=\"Sosp report\" active={portCall?.sospReport ? true : false} reportId={portCall?.sospReport?.id} />\r\n                </div>\r\n            </div>\r\n            <div className=\"section\">\r\n                <div className=\"header\">\r\n                    Bunker delivery notes\r\n                </div>\r\n                <div className=\"reports\">\r\n                    {!bdns && fetchingBdns\r\n                        ?\r\n                        <Shimmer style={{ padding: \"4px 0\", borderRadius: \"14px\", height: \"14px\" }} />\r\n                        :\r\n                        <>\r\n                            {bdns && bdns.length === 0\r\n                                ?\r\n                                <div>\r\n                                    No bunker delivery notes\r\n                                </div>\r\n                                :\r\n                                <>\r\n                                    {bdns?.map((bdn, bdnIndex) => {\r\n                                        return (\r\n                                            <Report active type=\"Bunker\" key={`BunkerDeliveryNote_${bdn.id}`} title={`BDN #${bdnIndex + 1}`} reportId={bdn.id} />\r\n                                        );\r\n                                    })}\r\n                                </>\r\n                            }\r\n                        </>\r\n                    }\r\n                </div>\r\n            </div>\r\n            {/* {hasFuelCorrections &&\r\n                <div className=\"section\">\r\n                    <div className=\"header\">\r\n                        Fuel corrections\r\n                    </div>\r\n                    <div className=\"reports\">\r\n                        {fuelCorrections && fuelCorrections.length === 0\r\n                            ?\r\n                            <div>\r\n                                No fuel corrections\r\n                            </div>\r\n                            :\r\n                            <>\r\n                                {fuelCorrections?.map((fuelCorrection) => {\r\n                                    return (\r\n                                        <Report active type=\"Correction\" key={`FuelCorrection_${fuelCorrection.id}`} title={fuelCorrection.amount + ' MT'} reportId={fuelCorrection.id} />\r\n                                    );\r\n                                })}\r\n                            </>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            } */}\r\n            <div className=\"section\">\r\n                <div className=\"header\">\r\n                    Consumption pr. fuel type ({portCall?.consumptions.length})\r\n                </div>\r\n                <div className=\"fuel-types\">\r\n                    <table>\r\n                        <tbody>\r\n                            {portCall?.consumptions.map(c => {\r\n                                let percent = c.consumedStartEnd >= 0 && portCall.totalConsumedStartEnd >= 0 ? (c.consumedStartEnd / portCall.totalConsumedStartEnd) * 100 : 0;\r\n\r\n                                if (c.consumedStartEnd === 0) {\r\n                                    percent = 0;\r\n                                }\r\n                                else if (percent > 100) {\r\n                                    percent = 100;\r\n                                }\r\n\r\n                                return (\r\n                                    <FuelConsumption key={`FuelConsumption_${c.fuel.id}`} c={c} percent={percent} />\r\n                                );\r\n                            })}\r\n                        </tbody>\r\n                    </table>\r\n                </div>\r\n            </div>\r\n        </Container >\r\n    );\r\n};\r\n\r\nconst FuelConsumption: React.FC<{ c: IDwhPortCallConsumption, percent: number }> = ({ c, percent }) => {\r\n    return (\r\n        <>\r\n            <tr className=\"header-row\">\r\n                <td colSpan={2}>\r\n                    {c.fuel.name}\r\n                    {c.consumedStartEnd < 0 &&\r\n                        <FontAwesomeIcon icon={faWarning} />\r\n                    }\r\n                </td>\r\n            </tr>\r\n            <tr className=\"bar-row\">\r\n                <td>\r\n                    <div className=\"bar\">\r\n                        <div style={{ width: `${percent}%` }} />\r\n                    </div>\r\n                </td>\r\n                <td>\r\n                    {c.consumedStartEnd.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT\r\n                </td>\r\n            </tr>\r\n        </>\r\n    );\r\n}\r\n\r\nconst Report: React.FC<{ date?: Date, title: string, active?: boolean, reportId?: string, type: \"Report\" | \"Noon\" | \"Correction\" | \"Bunker\", visible?: boolean }> = ({ date, title, active, reportId, type, visible }) => {\r\n    const history = useNavigate();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    const getClassNames = () => {\r\n        let classes: string[] = [\"report\"];\r\n\r\n        if (active) {\r\n            classes.push(\"active\");\r\n        }\r\n        if (type === \"Correction\") {\r\n            classes.push(\"fuel-correction\");\r\n        }\r\n        if (type === \"Noon\") {\r\n            classes.push(\"noon\");\r\n        }\r\n        if (type === \"Bunker\") {\r\n            classes.push(\"bunker\");\r\n        }\r\n        if (visible === false) {\r\n            classes.push(\"invisible\");\r\n        }\r\n\r\n        return classes.join(\" \");\r\n    }\r\n\r\n    const getIcon = () => {\r\n        switch (type) {\r\n            case \"Noon\":\r\n                return faSun;\r\n            case \"Correction\":\r\n                return faWrench;\r\n            case \"Bunker\":\r\n                return faDroplet;\r\n        }\r\n\r\n        return active ? faCheck : faTimes;\r\n    }\r\n\r\n    return (\r\n        <div\r\n            title={reportId ? `${date ? `${toDateString(date, resolveTimeZone())}. ` : \"\"}Click for more details` : \"Not registered\"}\r\n            className={getClassNames()}\r\n            onClick={e => {\r\n                if (reportId) {\r\n\r\n                    let url = \"/reports/\";\r\n\r\n                    switch (type) {\r\n                        case \"Bunker\":\r\n                            url += \"bdn\";\r\n                            break;\r\n                        case \"Correction\":\r\n                            url += \"fuelCorrections\";\r\n                            break;\r\n                        default:\r\n                            url += \"log\";\r\n                    }\r\n\r\n                    navigate(`${url}/${reportId}`, e.ctrlKey);\r\n                }\r\n            }}\r\n        >\r\n            <div>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={getIcon()} />\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <span>{title}</span>\r\n                {date &&\r\n                    <span className=\"date\">\r\n                        <DateString date={date} timeZone={resolveTimeZone()} dateOnly />\r\n                    </span>\r\n                }\r\n            </div>\r\n        </div>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel } from \"../../../../../blocks/appPanel/AppPanel\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { ConsumptionPortCallPanelTable } from \"./Modules/ConsumptionPortCallPanelTable\";\r\nimport { ConsumptionPortCallPanelHeader } from \"./Modules/ConsumptionPortCallPanelHeader\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ConsumptionPortCallPanelChart } from \"./Modules/ConsumptionPortCallPanelChart\";\r\nimport { ConsumptionPortCallPanelDetails } from \"./Modules/ConsumptionPortCallPanelDetails\";\r\nimport { useDwhPortCall } from \"../../../../../api/hooks/useDwhPortCall\";\r\nimport { useDwhPortCalls } from \"../../../../../api/hooks/useDwhPortCalls\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ConsumptionPortCallPanelTimeline } from \"./Modules/ConsumptionPortCallPanelRoute\";\r\nimport { ConsumptionPortCallPanelReportsAndConsumptionDetails } from \"./Modules/ConsumptionPortCallPanelReportsAndConsumptionDetails\";\r\n\r\nexport const ConsumptionPortCallPanel = () => {\r\n    const [portCallId, setPortCallId] = useState();\r\n    const [portId, setPortId] = useState<number | undefined>();\r\n    const { detailType, detailId } = useParams<{ detailType: any, detailId: any }>();\r\n    const { setPortCall } = useConsumptionProvider();\r\n    const { portCall } = useDwhPortCall(portCallId);\r\n    const history = useNavigate();\r\n    let topRef: HTMLDivElement | null;\r\n\r\n    // Portcals with same port\r\n    const { portCallsData } = useDwhPortCalls(\r\n        portId ? DateTime.now().plus({ years: -1 }).startOf(\"day\").toJSDate() : undefined,\r\n        portId ? DateTime.now().plus({ days: 2 }).endOf(\"day\").toJSDate() : undefined,\r\n        [],\r\n        portId\r\n    );\r\n\r\n    const closePanel = () => {\r\n        history(\"/performance/consumption\")\r\n    }\r\n\r\n    // Get complete leg\r\n    useEffect(() => {\r\n        if (portCall) {\r\n            setPortCall(portCall);\r\n            setPortId(portCall.portCall.port?.id);\r\n            topRef?.scrollIntoView({ behavior: \"smooth\" });\r\n        }\r\n    }, [portCall])\r\n\r\n    \r\n    useEffect(() => {\r\n        if(detailType === \"portcalls\") {\r\n            setPortCallId(detailId);\r\n        }\r\n        else {\r\n            setPortCallId(undefined);\r\n        }\r\n    }, [detailType, detailId])\r\n\r\n    return (\r\n        <AppPanel\r\n            noPadding\r\n            noHeader\r\n            isOpen={portCallId ? true : false}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"1100px\"\r\n            dismiss={closePanel}\r\n        >\r\n            <div ref={_ => topRef = _}>\r\n                <ConsumptionPortCallPanelHeader onCloseClick={closePanel} />\r\n            </div>\r\n            <div style={{ borderLeft: \"6px #4177bf solid\" }}>\r\n                <ConsumptionPortCallPanelTimeline />\r\n                <ConsumptionPortCallPanelReportsAndConsumptionDetails />\r\n                <ConsumptionPortCallPanelDetails />\r\n            </div>\r\n            <div>\r\n                <ConsumptionPortCallPanelChart portCalls={portCallsData?.slice().reverse()} />\r\n                <ConsumptionPortCallPanelTable portCalls={portCallsData} />\r\n            </div>\r\n        </AppPanel>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { YAxis, ResponsiveContainer, Area, AreaChart, Tooltip, XAxis } from 'recharts';\r\nimport { IConsumptionKpiChartData } from \"../ConsumptionKpis\";\r\nimport { AnimatedBars } from \"../../../../../../blocks/animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0 14px;\r\n\r\n    .body {\r\n        border-radius: 8px;\r\n\r\n        .header {\r\n            padding: 0 2px;\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 10px;\r\n            font-family: Roboto;\r\n\r\n            .icon {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .text {\r\n                white-space: nowrap;\r\n                overflow-x: hidden;\r\n                text-overflow: ellipsis;\r\n\r\n                >div {\r\n                    overflow-x: hidden;\r\n                    text-overflow: ellipsis;\r\n                }\r\n\r\n                >div:first-child {\r\n                    font-weight: 900;\r\n                    font-size: 13px;\r\n                }\r\n\r\n                >div:last-child {\r\n                    font-size: 11px;\r\n                    color: #aaa;\r\n                    letter-spacing: .5px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .highligthed {\r\n            padding: 8px 2px;\r\n            font-family: Roboto;\r\n            font-size: 24px;\r\n            font-weight: 400;\r\n            color: #333;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .chart {\r\n            margin: 0 4px;\r\n            height: 30px;\r\n            border-radius: 10px;\r\n        }\r\n    }\r\n\r\n    .loading {\r\n        height: 73px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n`;\r\n\r\nconst CustomTooltip = styled.div`\r\n    background-color: rgb(0, 0, 0, .55);\r\n    border-radius: 4px;\r\n    padding: 6px 10px;\r\n    font-family: Roboto;\r\n    color: white;\r\n\r\n    .tt-header {\r\n        font-weight: 700;\r\n        font-size: 12px;\r\n        padding-bottom: 2px;\r\n    }\r\n\r\n    .tt-payload {\r\n        font-size: 14px;   \r\n    }\r\n\r\n`;\r\n//#endregion \r\n\r\nexport const ConsumptionKpi: FC<{ icon: JSX.Element, title: string, description: string, measurement?: string, chartData?: IConsumptionKpiChartData }> = ({ icon, title, description, measurement, chartData }) => {\r\n    return (\r\n        <Container>\r\n            <div className=\"body\">\r\n                <div className=\"header\">\r\n                    <div className=\"icon\">\r\n                        {icon}\r\n                    </div>\r\n                    <div className=\"text\">\r\n                        <div>\r\n                            {title}\r\n                        </div>\r\n                        <div>\r\n                            {description}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {chartData\r\n                    ?\r\n                    <>\r\n                        <div className=\"highligthed\">\r\n                            {chartData?.total.toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}\r\n                        </div>\r\n                        <div className=\"chart\">\r\n                            <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                                <AreaChart\r\n                                    data={chartData.chartData}\r\n                                    margin={{\r\n                                        top: 2,\r\n                                        left: 0,\r\n                                        right: 0,\r\n                                        bottom: 1\r\n                                    }}\r\n                                >\r\n                                    <YAxis\r\n                                        // type=\"number\" domain={[0, 5000]}\r\n                                        hide={true}\r\n                                    />\r\n                                    <XAxis\r\n                                        dataKey=\"name\"\r\n                                        hide={true}\r\n                                    />\r\n                                    <Tooltip\r\n                                        content={_ => {\r\n                                            return (\r\n                                                <CustomTooltip>\r\n                                                    <div className=\"tt-header\">\r\n                                                        {_.label}\r\n                                                    </div>\r\n                                                    <div className=\"tt-payload\">\r\n                                                        {_.payload && _.payload.length > 0 &&\r\n                                                            <span>\r\n                                                                {Number(_.payload[0].value).toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}\r\n                                                            </span>\r\n                                                        }\r\n                                                    </div>\r\n                                                </CustomTooltip>\r\n                                            );\r\n                                        }}\r\n                                    />\r\n                                    <Area\r\n                                        type=\"monotone\"\r\n                                        dataKey=\"value\"\r\n                                        stroke=\"#5A8EFB\"\r\n                                        strokeWidth={2}\r\n                                        fill=\"#EBF3FE\"\r\n                                        animationDuration={500}\r\n                                    />\r\n                                </AreaChart>\r\n                            </ResponsiveContainer>\r\n                        </div>\r\n                    </>\r\n                    :\r\n                    <div className=\"loading\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            altBarColor=\"#ddd\"\r\n                            barColor=\"#aaa\"\r\n                            barWidth=\"4px\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { useDwhConsumption } from \"../../../../../api/hooks/useDwhConsumption\";\r\nimport { useDwhDistance } from \"../../../../../api/hooks/useDwhDistance\";\r\nimport { ConsumptionKpi } from \"./Modules/ConsumptionKpi\";\r\nimport { faDroplet, faFire, faLeaf, faRoute } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: white;\r\n    padding: 30px 14px 0px;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 25%);\r\n`;\r\n//#endregion \r\n\r\nexport interface IConsumptionKpiChartData {\r\n    total: number,\r\n    chartData: {\r\n        name: string,\r\n        value: number\r\n    }[]\r\n}\r\n\r\nexport const ConsumptionKpis = () => {\r\n    const { from, to, fromPort, toPort, port, vessels } = useConsumptionProvider();\r\n    const { monthlyConsumptions } = useDwhConsumption(from, to, vessels, fromPort, toPort, port, true);\r\n    const { distanceData } = useDwhDistance(from, to, vessels, fromPort, toPort);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [consumption, setConsumption] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [distance, setDistance] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [euas, setEuas] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [co2, setCo2] = useState<IConsumptionKpiChartData | undefined>();\r\n\r\n    const createChartData = () => {\r\n        let _consumption: IConsumptionKpiChartData = {\r\n            chartData: [],\r\n            total: 0\r\n        };\r\n\r\n        let _distance: IConsumptionKpiChartData = {\r\n            chartData: [],\r\n            total: 0\r\n        };\r\n\r\n        let _euas: IConsumptionKpiChartData = {\r\n            chartData: [],\r\n            total: 0\r\n        };\r\n\r\n        let _co2: IConsumptionKpiChartData = {\r\n            chartData: [],\r\n            total: 0\r\n        };\r\n\r\n        monthlyConsumptions!.forEach(cData => {\r\n\r\n            // Set consumption data\r\n            _consumption.total += cData.totalConsumed;\r\n            _consumption.chartData.push({\r\n                name: toCapitalLetters(cData.name),\r\n                value: cData.totalConsumed\r\n            });\r\n\r\n            // Set eua data\r\n            _euas.total += cData.totalEua;\r\n            _euas.chartData.push({\r\n                name: toCapitalLetters(cData.name),\r\n                value: cData.totalEua\r\n            });\r\n\r\n            // Set CO2 data\r\n            _co2.total += cData.fuelTotals.reduce((sum, current) => sum + current.co2Emission, 0)\r\n            _co2.chartData.push({\r\n                name: toCapitalLetters(cData.name),\r\n                value: cData.fuelTotals.reduce((sum, current) => sum + current.co2Emission, 0)\r\n            });\r\n\r\n            // Se distance data\r\n            let dData = distanceData!.find(_ => _.year === cData.year && _.month === cData.month);\r\n            if (dData) {\r\n                _distance.total += dData?.totalDistance;\r\n                _distance.chartData.push({\r\n                    name: toCapitalLetters(dData!.name),\r\n                    value: dData!.totalDistance\r\n                });\r\n            }\r\n        });\r\n\r\n        // Update state\r\n        setConsumption(_consumption);\r\n        setDistance(_distance);\r\n        setEuas(_euas);\r\n        setCo2(_co2);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (monthlyConsumptions && distanceData) {\r\n            createChartData();\r\n        }\r\n    }, [monthlyConsumptions, distanceData])\r\n\r\n    return (\r\n        <Container>\r\n            <ConsumptionKpi\r\n                icon={<FontAwesomeIcon icon={faDroplet} />}\r\n                title=\"Consumed\"\r\n                description=\"Total consumption in period\"\r\n                chartData={consumption}\r\n                measurement=\"mt\"\r\n            />\r\n            <ConsumptionKpi\r\n                icon={<FontAwesomeIcon icon={faRoute} />}\r\n                title=\"Distance\"\r\n                description=\"Total distance in period\"\r\n                chartData={distance}\r\n                measurement=\"nm\"\r\n            />\r\n            <ConsumptionKpi\r\n                icon={<FontAwesomeIcon icon={faFire} style={{ color: \"#ff6161\" }} />}\r\n                title=\"CO2\"\r\n                description=\"Total emission in period\"\r\n                chartData={co2}\r\n                measurement=\"mt\"\r\n            />\r\n            <ConsumptionKpi\r\n                icon={<FontAwesomeIcon icon={faLeaf} style={{ color: \"#4177bf\" }} />}\r\n                title=\"EUA\"\r\n                description=\"Total EUAs in period\"\r\n                chartData={euas}\r\n                measurement=\"euas\"\r\n            />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFileExcel } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ConsumptionAndDistance } from \"./Modules/ConsumptionAndDistance\";\r\nimport { ConsumptionFilters } from \"./Modules/Filter/ConsumptionFilter\";\r\nimport { ConsumptionLegs } from \"./Modules/ConsumptionLegs\";\r\nimport { ConsumptionPortCalls } from \"./Modules/ConsumptionPortCalls\";\r\nimport { ConsumptionLegPanel } from \"./Modules/LegPanel/ConsumptionLegPanel\";\r\nimport { ConsumptionPortCallPanel } from \"./Modules/PortCallPanel/ConsumptionPortCallPanel\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useConsumptionProvider } from \"../../../contextHooks/ConsumptionContext\";\r\nimport { ConsumptionKpis } from \"./Modules/Kpi/ConsumptionKpis\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: auto 315px;\r\n\r\n    .left {\r\n        .two-columns {\r\n            display: grid;\r\n        }\r\n    }\r\n\r\n    .right {\r\n        border-left: 1px solid #ddd;\r\n    }\r\n\r\n    @media (min-width: 3500px) {\r\n        .two-columns {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n`;\r\n\r\nconst ExcelIcon = styled.div`\r\n    position: relative;\r\n\r\n    .counter {\r\n        background-color: #4177bf;\r\n        color: white;\r\n        border-radius: 50%;\r\n        position: absolute;\r\n        width: 20px;\r\n        height: 20px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        top: -8px;\r\n        left: -14px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const Consumption = () => {\r\n    const { app } = useAppContext();\r\n    const { from, to, port, fromPort, toPort, vessels, checkedLegs, showInvalidOnly, checkedPortCalls } = useConsumptionProvider();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { getError } = useRest();\r\n    const [downloading, setDownloading] = useState(false);\r\n\r\n    const downloadReport = async () => {\r\n        app.setAppMessage({\r\n            text: \"Exporting data, please wait...\",\r\n            ttl: 15000,\r\n            icon: <FontAwesomeIcon icon={faFileExcel} />\r\n        });\r\n\r\n        try {\r\n            let base64string = await app.api.downloadDwhReport(checkedLegs, checkedPortCalls, from, to, vessels, fromPort, toPort, port, showInvalidOnly);\r\n\r\n            app.setAppMessage();\r\n\r\n            let tResult = triggerDownload(base64string, \"Consumption performance.xlsx\");\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setDownloading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (downloading) {\r\n            downloadReport();\r\n        }\r\n    }, [downloading])\r\n\r\n    return (\r\n        <>\r\n            <ContentPage progressbar={false}>\r\n                <ContentPageHeader\r\n                    actions={[\r\n                        {\r\n                            title: checkedLegs.length > 0 || checkedPortCalls.length > 0 ? \"Export selected legs and portcalls to Excel\" : \"Export data to Excel\",\r\n                            icon: <ExcelIcon>\r\n                                <FontAwesomeIcon icon={faFileExcel} />\r\n                                {checkedLegs.length + checkedPortCalls.length > 0 &&\r\n                                    < div className=\"counter\">\r\n                                        {(checkedLegs.length + checkedPortCalls.length)}\r\n                                    </div>\r\n                                }\r\n                            </ExcelIcon>,\r\n                            disabled: downloading,\r\n                            onClick: () => setDownloading(true)\r\n                        }\r\n                    ]}\r\n                >\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"performance\",\r\n                                title: \"performance\",\r\n                                url: \"/performance\"\r\n                            },\r\n                            {\r\n                                id: \"consumption\",\r\n                                title: \"consumption\",\r\n                                url: \"/performance/consumption\"\r\n                            }\r\n                        ]}\r\n                    />\r\n\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <Body>\r\n                        <div className=\"left\">\r\n                            <ConsumptionKpis />\r\n                            <ConsumptionAndDistance />\r\n                            <div className=\"two-columns\">\r\n                                <div>\r\n                                    <ConsumptionLegs />\r\n                                </div>\r\n                                <div>\r\n                                    <ConsumptionPortCalls />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"right\">\r\n                            <ConsumptionFilters />\r\n                        </div>\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </ContentPage >\r\n            <ConsumptionLegPanel />\r\n            <ConsumptionPortCallPanel />\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { ConsumptionContextProvider } from \"../../contextHooks/ConsumptionContext\";\r\nimport { Consumption } from \"./consumption/Consumption\";\r\nimport { Routes, Route } from \"react-router-dom\";\r\n\r\nexport const Performance = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"/consumption?/:detailType?/:detailId\" element={\r\n                <ConsumptionContextProvider>\r\n                    <Consumption />\r\n                </ConsumptionContextProvider>\r\n            } />\r\n        </Routes>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IVoyage } from \"../../interfaces/IVoyage\";\r\n\r\nexport const useVoyage = (id?: number) => {\r\n    const { data, error, isValidating: fetchingVoyage, mutate } = useSWR(id ? `/voyages/${id}` : null, {\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2000\r\n    });\r\n\r\n    let voyage: IVoyage | undefined = data;\r\n\r\n    return { voyage, error, fetchingVoyage, mutate };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { useDateFunctions } from '../hooks/useDateFunctions';\r\nimport { ICargo } from '../interfaces/ICargo';\r\nimport { ICargoGroup } from '../interfaces/ICargoGroup';\r\nimport { IPortCall } from '../interfaces/IPortCall';\r\nimport { IVoyage } from '../interfaces/IVoyage';\r\nimport { TimezoneTypes } from '../_enums/TimezoneTypes';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVoyage\", voyage: IVoyage }\r\n    | { type: \"setPortCalls\", portCalls: IPortCall[] }\r\n    | { type: \"setCargoGroups\", cargoGroups: ICargoGroup[] }\r\n    | { type: \"setCargo\", cargo: ICargo[] }\r\n    | { type: \"setTimelineOn\", timelineOn: boolean };\r\n\r\ntype VoyageWithData = {\r\n    voyage: IVoyage\r\n    portCalls: IPortCall[]\r\n    cargoGroups: ICargoGroup[]\r\n    cargo: ICargo[]\r\n    timelineOn: boolean\r\n}\r\n\r\ninterface IReducers {\r\n    state: VoyageWithData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    portCalls: [],\r\n    cargo: [],\r\n    cargoGroups: [],\r\n    timelineOn: true,\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useVoyageContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: VoyageWithData, action: ReducerAction): VoyageWithData => {\r\n    switch (action.type) {\r\n        case \"setVoyage\":\r\n            return {\r\n                ...state,\r\n                voyage: action.voyage\r\n            };\r\n        case \"setPortCalls\":\r\n            return {\r\n                ...state,\r\n                portCalls: action.portCalls\r\n            };\r\n        case \"setCargo\":\r\n            return {\r\n                ...state,\r\n                cargo: action.cargo\r\n            };\r\n        case \"setCargoGroups\":\r\n            return {\r\n                ...state,\r\n                cargoGroups: action.cargoGroups\r\n            };\r\n        case \"setTimelineOn\":\r\n            return {\r\n                ...state,\r\n                timelineOn: action.timelineOn\r\n            };\r\n    }\r\n}\r\n\r\nexport const VoyageContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useVoyageProvider = () => {\r\n    const { state, dispatch } = useVoyageContext();\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    return {\r\n        voyage: state.voyage,\r\n        portCalls: state.portCalls,\r\n        sortedPortcalls: state.portCalls.sort((a, b) => { return makeDateObject(a.scheduledArrival) > makeDateObject(b.scheduledArrival) ? 1 : -1; }),\r\n        cargo: state.cargo,\r\n        cargoGroups: state.cargoGroups,\r\n        timelineOn: state.timelineOn,\r\n\r\n        setVoyage: (voyage: IVoyage) => {\r\n            dispatch({\r\n                type: \"setVoyage\",\r\n                voyage\r\n            })\r\n        },\r\n        setPortCalls: (portCalls: IPortCall[]) => {\r\n            dispatch({\r\n                type: \"setPortCalls\",\r\n                portCalls\r\n            })\r\n        },\r\n        setCargo: (cargo: ICargo[]) => {\r\n            dispatch({\r\n                type: \"setCargo\",\r\n                cargo\r\n            })\r\n        },\r\n        setCargoGroups: (cargoGroups: ICargoGroup[]) => {\r\n            dispatch({\r\n                type: \"setCargoGroups\",\r\n                cargoGroups\r\n            })\r\n        },\r\n        setTimelineOn: (timelineOn: boolean) => {\r\n            dispatch({\r\n                type: \"setTimelineOn\",\r\n                timelineOn\r\n            })\r\n        }\r\n    };\r\n}","import useSWR from \"swr\";\r\n\r\nexport const useVoyageCargo = (voyageId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(voyageId ? `/voyages/${voyageId}/cargo` : null, {\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2000\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\n\r\nexport const useVoyageCargoGroups = (voyageId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(voyageId ? `/voyages/${voyageId}/cargoGroups` : null, {\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2000\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, IDropdownProps, IDropdownStyleProps, IDropdownStyles, IStyleFunctionOrObject } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faLock } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ locked?: boolean }>`\r\n    position: relative;\r\n\r\n    .locked {\r\n        z-index: 1;\r\n        height: calc(100% - 3px);\r\n        top: 1px;\r\n        right: 1px;\r\n        border-radius: 2px;\r\n        position: absolute;\r\n        color: #ddd;\r\n        font-size: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        background-color: white;\r\n        padding: 0 12px 0 10px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IAppDropDownProps extends IDropdownProps {\r\n    locked?: boolean\r\n    borderless?: boolean\r\n    padding?: string\r\n    minHeight?: string\r\n}\r\n\r\nexport const AppDropDown: React.FC<IAppDropDownProps> = (props) => {\r\n\r\n    const styles: IStyleFunctionOrObject<IDropdownStyleProps, IDropdownStyles> = {\r\n        title: {\r\n            backgroundColor: props.locked ? \"transparent\" : undefined,\r\n            border: props.borderless ? \"none\" : props.locked ? \"1px solid #605e5c\" : undefined,\r\n            color: props.locked ? \"#333\" : undefined,\r\n            padding: props.padding,\r\n            height: \"unset\",\r\n            minHeight: props.minHeight\r\n        },\r\n        caretDownWrapper: {\r\n            top: \"calc(50% + 1px)\",\r\n            transform: \"translateY(-50%)\",\r\n            right: \"12px\"\r\n        },\r\n        dropdownItem: {\r\n            padding: props.padding\r\n        },\r\n        dropdownItemSelected: {\r\n            padding: props.padding\r\n        },\r\n        dropdownItemDisabled: {\r\n            padding: props.padding\r\n        },\r\n        dropdownItemSelectedAndDisabled: {\r\n            padding: props.padding\r\n        },\r\n        dropdown: {\r\n            // Removed the selected brorder\r\n            \":after\": props.borderless ? { border: \"none !important\" } : undefined,\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Container locked={props.locked}>\r\n            {props.locked &&\r\n                <div className=\"locked\">\r\n                    <FontAwesomeIcon icon={faLock} />\r\n                </div>\r\n            }\r\n            <Dropdown\r\n                {...props}\r\n                disabled={props.disabled || props.locked}\r\n                title={props.locked ? \"Field is locked\" : props.title}\r\n                styles={styles}\r\n                onClick={ev => {\r\n                    if (props.locked) {\r\n                        ev.preventDefault();\r\n                    }\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { faBalanceScale, faBalanceScaleLeft, faBalanceScaleRight, faCheck, faCheckCircle, faClose, faLock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useVoyageProvider } from \"../../../../../contextHooks/VoyageContext\";\r\nimport { useCargoFunctions } from \"../../../../../hooks/useCargoFunctions\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { ICargo } from \"../../../../../interfaces/ICargo\";\r\nimport { ICargoPort } from \"../../../../../interfaces/ICargoPort\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\nimport { AppNumericTextField, AppTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: relative;\r\n\r\n    input::-webkit-outer-spin-button,\r\n    input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nconst Summary = styled.div<{ qtyDiff: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    padding: 16px 30px;\r\n    border-bottom: 1px solid #eee;\r\n    background-color: ${_ => _.qtyDiff ? \"#ffebeb\" : \"#f0f5f0\"};\r\n    transition: background-color .5s ease;\r\n\r\n    >div:last-child {\r\n        display: grid;\r\n        grid-template-columns: auto auto;\r\n        \r\n        .weight {\r\n            padding: 0 8px 0 0;\r\n        }\r\n\r\n        .text {\r\n            span {\r\n                padding-left: 10px;\r\n            }\r\n\r\n            .diff {\r\n                font-weight: 700;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Cbx = styled.div<{ checked: boolean }>`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: #32ad5b;\r\n\r\n    ${_ => _.checked\r\n        ? css`\r\n             .checkmark {\r\n                display: block;\r\n            }\r\n        `\r\n        : css`\r\n            .checkmark {\r\n                display: none;\r\n            }\r\n\r\n            :hover {\r\n                .checkmark {\r\n                    display: block;\r\n                    opacity: .2;\r\n                }\r\n            }\r\n        `\r\n    }\r\n`;\r\n\r\nconst Empty = styled.div`\r\n    padding: 0 30px;\r\n`;\r\n\r\nconst PortCallDropDownTitle = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 10px;\r\n\r\n    >div:first-child {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        span:first-child {\r\n            color: #ccc;\r\n            margin-right: 6px;\r\n            font-size: 10px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst PortCallDropDownOption = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    gap: 10px;\r\n    width: 100%;\r\n\r\n    >div:first-child {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        span:first-child {\r\n            color: #ccc;\r\n            margin-right: 6px;\r\n            font-size: 10px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PanelPorts: React.FC<{ cargo: ICargo, onChange: (_: ICargoPort, rowId: number) => void, onRemove: (_: ICargoPort, rowId: number) => void }> = ({ cargo, onChange, onRemove }) => {\r\n    const { portCalls } = useVoyageProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const { getSumLoad, getSumDischarge } = useCargoFunctions();\r\n    const load = getSumLoad(cargo);\r\n    const discharge = getSumDischarge(cargo);\r\n    const qtyDiff = load !== discharge;\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"ReasonForCall\",\r\n            title: \"Reason\",\r\n            gridCellWidth: \"140px\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        padding={\"10px 32px 10px 32px\"}\r\n                        locked={_.externalId ? true : false}\r\n                        placeholder=\"Reason for call\"\r\n                        selectedKey={_.reasonForCall}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                onChange({\r\n                                    ..._,\r\n                                    reasonForCall: v?.key.toString()\r\n                                }, rowId);\r\n                            }\r\n                        }}\r\n                        options={[\r\n                            { key: \"L\", text: \"Load\" },\r\n                            { key: \"D\", text: \"Discharge\" }\r\n                        ]}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Quantity\",\r\n            gridCellWidth: \"140px\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <AppNumericTextField\r\n                        locked={_.externalId ? true : false}\r\n                        autoComplete=\"off\"\r\n                        borderless\r\n                        value={_.quantity ? _.quantity.toString() : \"\"}\r\n                        suffix={\r\n                            cargo.measurement\r\n                                ? cargo.measurement.name\r\n                                : cargo.commodity?.defaultMeasurement?.name\r\n                        }\r\n                        onChange={(ev, v) => {\r\n                            if (v !== undefined) {\r\n                                onChange({\r\n                                    ..._,\r\n                                    quantity: Number(v.replaceAll(\",\", \".\"))\r\n                                }, rowId);\r\n                            }\r\n                        }}\r\n                        styles={{\r\n                            field: {\r\n                                textAlign: \"right\",\r\n                                padding: \"0 8px 0 16px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"48px\"\r\n                            },\r\n                            suffix: {\r\n                                backgroundColor: \"transparent\",\r\n                                padding: \"2px 10px 0 0\",\r\n                                color: \"#bbb\"\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Portcall\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        locked={_.externalId ? true : false}\r\n                        placeholder=\"Select portcall\"\r\n                        selectedKey={_.portCallId}\r\n                        padding={\"10px 32px 10px 20px\"}\r\n                        options={portCalls.map(pc => {\r\n                            return {\r\n                                key: pc.id,\r\n                                text: `${toCapitalLetters(pc.port!.name)} - Eta: ${toDateString(pc.scheduledArrival, pc.port!.timeZone, true)} local port time`,\r\n                                disabled: cargo.cargoPorts?.find(_ => _.portCallId === pc.id) ? true : false\r\n                            }\r\n                        })}\r\n                        onChange={(ev, option) => {\r\n                            if (option) {\r\n                                onChange({\r\n                                    ..._,\r\n                                    portCallId: Number(option.key)\r\n                                }, rowId);\r\n                            }\r\n                        }}\r\n                        onRenderTitle={(props: any) => {\r\n                            if (!props) {\r\n                                return <></>;\r\n                            }\r\n\r\n                            let _pc = portCalls.find(_ => _.id === Number(props[0].key));\r\n                            let _cp = cargo.cargoPorts?.find(_ => _.portCallId === Number(props[0].key));\r\n\r\n                            return (\r\n                                <PortCallDropDownTitle\r\n                                    title={`${toCapitalLetters(_pc!.port!.name)} - Eta: ${toDateString(_pc!.scheduledArrival, _pc!.port!.timeZone, true)} local port time`}\r\n                                    style={{ textDecoration: _cp?.inActive ? \"line-through\" : undefined }}\r\n                                >\r\n                                    <div>\r\n                                        {toCapitalLetters(_pc!.port!.name)}\r\n                                    </div>\r\n                                    <div>\r\n                                        <span>ETA</span>\r\n                                        <span>{toDateString(_pc!.scheduledArrival, _pc!.port!.timeZone, true, true)}</span>\r\n                                    </div>\r\n                                </PortCallDropDownTitle>\r\n                            );\r\n                        }}\r\n                        onRenderOption={(props) => {\r\n                            if (!props) {\r\n                                return <></>;\r\n                            }\r\n\r\n                            let _pc = portCalls.find(_ => _.id === Number(props.key))\r\n\r\n                            return (\r\n                                <PortCallDropDownOption>\r\n                                    <div>\r\n                                        {toCapitalLetters(_pc!.port!.name)}\r\n                                    </div>\r\n                                    <div>\r\n                                        <span>ETA</span>\r\n                                        <span>{toDateString(_pc!.scheduledArrival, _pc!.port!.timeZone, true, true)}</span>\r\n                                    </div>\r\n                                </PortCallDropDownOption>\r\n                            );\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Terms\",\r\n            gridCellWidth: \"120px\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <AppTextField\r\n                        autoComplete=\"off\"\r\n                        locked={_.externalId ? true : false}\r\n                        title=\"Terms in this field will be matched against term set when creating fixtures\"\r\n                        borderless\r\n                        defaultValue={_.laytimeTerm ? _.laytimeTerm : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            onChange({\r\n                                ..._,\r\n                                laytimeTerm: v\r\n                            }, rowId);\r\n                        }}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"0 16px\"\r\n\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"48px\"\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Minutes\",\r\n            gridCellWidth: \"100px\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    // <AppTextField\r\n                    <AppNumericTextField\r\n                        locked={_.externalId ? true : false}\r\n                        autoComplete=\"off\"\r\n                        borderless\r\n                        inputMode=\"decimal\"\r\n                        type=\"number\"\r\n                        title=\"Allowed laytime in minutes\"\r\n                        wholeNumbersOnly\r\n                        defaultValue={_.laytimeAllowedMinutes ? _.laytimeAllowedMinutes.toString() : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            if (v !== undefined) {\r\n                                onChange({\r\n                                    ..._,\r\n                                    laytimeAllowedMinutes: Number(v.replaceAll(\",\", \".\"))\r\n                                }, rowId);\r\n                            }\r\n                        }}\r\n                        styles={{\r\n                            field: {\r\n                                textAlign: \"right\",\r\n                                padding: \"0 16px\"\r\n\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"48px\"\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"50px\",\r\n            title: <FontAwesomeIcon icon={faCheck} />,\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <Cbx\r\n                        title={_.inActive ? \"Activate portcall\" : \"Deactivate portcall\"}\r\n                        checked={!_.inActive}\r\n                        onClick={() => {\r\n                            onChange({\r\n                                ..._,\r\n                                inActive: !_.inActive\r\n                            }, rowId);\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon className=\"checkmark\" icon={faCheckCircle} />\r\n                    </Cbx>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"70px\",\r\n            textAlign: \"right\",\r\n            render: (_: ICargoPort, rowId) => {\r\n                return (\r\n                    <div\r\n                        title={_.externalId ? \"Can't remove cargo port orginating from external system\" : \"Remove cargo port\"}\r\n                        onClick={() => {\r\n                            if (!_.externalId) {\r\n                                onRemove(_, rowId)\r\n                            }\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"13px 30px 0 0\",\r\n                            cursor: _.externalId ? \"default\" : \"pointer\",\r\n                            color: _.externalId ? \"#ddd\" : undefined,\r\n                            fontSize: _.externalId ? \"12px\" : undefined\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={_.externalId ? faLock : faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n    ];\r\n\r\n    if (!cargo.cargoPorts || cargo.cargoPorts.length === 0) {\r\n        return (\r\n            <Empty>\r\n                Click the pluss icon to add cargo ports.\r\n            </Empty>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <AppGridTableNew\r\n                noHoverColor\r\n                topBorder\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={cargo.cargoPorts}\r\n                noAlternateRowColor\r\n            />\r\n            <Summary qtyDiff={qtyDiff}>\r\n                <div />\r\n                <div>\r\n                    <div className=\"weight\">\r\n                        <FontAwesomeIcon icon={\r\n                            !qtyDiff\r\n                                ? faBalanceScale\r\n                                : load > discharge\r\n                                    ? faBalanceScaleLeft\r\n                                    : faBalanceScaleRight\r\n                        } />\r\n                    </div>\r\n                    <div className=\"text\">\r\n                        <span>\r\n                            Loading {load.toLocaleString()} {cargo.measurement?.name} - Discharging {discharge.toLocaleString()} {cargo.measurement?.name}\r\n                        </span>\r\n                        <span className=\"diff\">\r\n                            Diff: {(load - discharge).toLocaleString()} {cargo.measurement?.name}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </Summary>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useVoyageProvider } from \"../../../../../../contextHooks/VoyageContext\";\r\nimport { TextField } from \"@fluentui/react\";\r\nimport { useVoyageCargoGroups } from \"../../../../../../api/hooks/useVoyageCargoGroups\";\r\nimport { AppDialog } from \"../../../../../../blocks/appDialog/AppDialog\";\r\nimport { useAppContext } from \"../../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../../hooks/useRest\";\r\nimport { ICargoGroup } from \"../../../../../../interfaces/ICargoGroup\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    margin: 25px 0 20px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        display: grid;\r\n        grid-template-columns: 180px auto;\r\n    }\r\n`;\r\n\r\nconst Message = styled.div`\r\n    border: 1px solid #ff4c4c;\r\n    background-color: #ffd4d4;\r\n    padding: 5px 15px;\r\n    border-radius: 4px;\r\n    margin-bottom: 20px !important;\r\n`;\r\n//#endregion\r\n\r\nexport const EditGroupDialog: React.FC<{ g?: ICargoGroup, isOpen: boolean, commit: (createdCargoGroup: ICargoGroup) => void, dismiss: () => void }> = ({ g, isOpen, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const [group, setGroup] = useState<ICargoGroup | undefined>();\r\n    const [message, setMessage] = useState<string | undefined>();\r\n    const { voyage } = useVoyageProvider();\r\n    const { getError } = useRest();\r\n    const { mutate } = useVoyageCargoGroups(voyage.id)\r\n    const isNew = group?.id === 0;\r\n\r\n    const formOk = () => {\r\n        if (!saving && group) {\r\n            if (group.name && group.quantityUnit && group.name.trim().length >= 2 && group.quantityUnit.trim().length >= 1) {\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    }\r\n\r\n    const save = async () => {\r\n        setMessage(undefined);\r\n\r\n        try {\r\n            let g = isNew\r\n                ? await app.api.createVoyageCargoGroup(voyage.id, group!)\r\n                : await app.api.updateVoyageCargoGroup(voyage.id, group!);\r\n\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: isNew ? \"Cargo group created\" : \"Cargo group saved\" });\r\n            mutate();\r\n            commit(g);\r\n        }\r\n        catch (error: any) {\r\n            setMessage(await getError(error));\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        setMessage(undefined);\r\n        setGroup(g ? g : { id: 0 });\r\n    }, [isOpen])\r\n\r\n    return (\r\n        <AppDialog\r\n            title={`${isNew ? \"New\" : \"Edit\"} cargo group`}\r\n            cancel={dismiss}\r\n            working={saving}\r\n            commit={() => setSaving(true)}\r\n            commitDisabled={() => !formOk()}\r\n            open={isOpen}\r\n            okText={isNew ? \"Create\" : \"Save\"}\r\n            layerBackground=\"transparent\"\r\n        >\r\n            <Body>\r\n                {message &&\r\n                    <Message>\r\n                        {message}\r\n                    </Message>\r\n                }\r\n                <div>\r\n                    <TextField\r\n                        autoFocus\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Cargo group name\"\r\n                        description=\"Cargo group name\"\r\n                        value={group?.name ? group.name : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            setGroup({ ...group!, name: v ? v : \"\" });\r\n                        }}\r\n                        onKeyDown={ev => {\r\n                            if (ev.key === \"Enter\" && !formOk()) {\r\n                                setSaving(true);\r\n                            }\r\n                        }}\r\n                        styles={{\r\n                            fieldGroup: {\r\n                                borderRadius: \"2px 0 0 2px\",\r\n                                borderRight: \"none\"\r\n                            }\r\n                        }}\r\n                    />\r\n                    <TextField\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Unit type\"\r\n                        description=\"Quanity unit type\"\r\n                        value={group?.quantityUnit ? group.quantityUnit : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            setGroup({ ...group!, quantityUnit: v ? v : \"\" });\r\n                        }}\r\n                        onKeyDown={ev => {\r\n                            if (ev.key === \"Enter\" && !formOk()) {\r\n                                setSaving(true);\r\n                            }\r\n                        }}\r\n                        styles={{\r\n                            fieldGroup: {\r\n                                borderRadius: \"0 2px 2px 0\",\r\n                                borderLeft: \"1px dotted #aaa\"\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <TextField\r\n                        multiline\r\n                        autoAdjustHeight\r\n                        placeholder=\"Description\"\r\n                        value={group?.description ? group.description : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            setGroup({ ...group!, description: v ? v : \"\" });\r\n                        }}\r\n                    />\r\n                </div>\r\n            </Body>\r\n        </AppDialog>\r\n    );\r\n};","import { Dropdown } from \"@fluentui/react\";\r\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useVoyageProvider } from \"../../../../../contextHooks/VoyageContext\";\r\nimport { ICargoGroup } from \"../../../../../interfaces/ICargoGroup\";\r\nimport { EditGroupDialog } from \"../Views/GroupEdit/EditGroupDialog\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: relative;\r\n`;\r\n//#endregion\r\n\r\nexport const CargoGroup: React.FC<{ group?: ICargoGroup, onChange: (_?: ICargoGroup) => void }> = ({ group, onChange }) => {\r\n    const { cargoGroups } = useVoyageProvider();\r\n    const [newDialogOpen, setNewDialogOpen] = useState(false);\r\n\r\n    return (\r\n        <div className=\"has-button\">\r\n            <InputWithDescription description=\"Cargo group\" defaultDescription>\r\n                <Container>\r\n                    <Dropdown\r\n                        selectedKey={group ? group.id : -1}\r\n                        options={\r\n                            [\r\n                                {\r\n                                    key: -1,\r\n                                    text: \"\",\r\n                                    title: \"No group\"\r\n                                },\r\n                                ...cargoGroups.map(_ => {\r\n                                    return {\r\n                                        key: _.id,\r\n                                        text: _.name!,\r\n                                        title: _.description\r\n                                    }\r\n                                })\r\n                            ]\r\n                        }\r\n                        onChange={(ev, option) => {\r\n                            onChange((!option || option.key === -1) ? undefined : cargoGroups.find(_ => _.id === option.key));\r\n                        }}\r\n                    />\r\n                </Container>\r\n            </InputWithDescription>\r\n\r\n            <div title=\"Create new cargo group\" className=\"action-button\" onClick={() => setNewDialogOpen(true)}>\r\n                <FontAwesomeIcon icon={faPlus} />\r\n            </div>\r\n\r\n            <EditGroupDialog\r\n                isOpen={newDialogOpen}\r\n                dismiss={() => setNewDialogOpen(false)}\r\n                commit={createdCargoGroup => {\r\n                    setNewDialogOpen(false);\r\n                    onChange(createdCargoGroup);\r\n                }}\r\n            />\r\n        </div>\r\n    );\r\n};","export enum FixtureStatus {\r\n    None = 10,\r\n    \"No demurrage\" = 20,\r\n    \"In progress\" = 30,\r\n    Sent = 40,\r\n    \"Claim received\" = 50,\r\n    \"Reminder sent\" = 60,\r\n    Negotiating = 70,\r\n    \"Calculation agreed\" = 80,\r\n    Escalated = 90,\r\n    Settled = 10000\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { faExclamationTriangle, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../../../../blocks/appDialog/AppDialog\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { IFixture } from \"../../../../interfaces/IFixture\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\n\r\nexport const FixtureDeleteDialog: React.FC<{ fixture?: IFixture, isOpen: boolean, onClose: () => void }> = ({ fixture, isOpen, onClose }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const [deleting, setDeleting] = useState(false);\r\n    const history = useNavigate();\r\n\r\n    const deleteFixture = async () => {\r\n        try {\r\n            await app.api.deleteFixture(fixture!.id);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: `Fixture ${fixture!.fixtureNumber} deleted`\r\n            });\r\n            setDeleting(false);\r\n            setTimeout(() => {\r\n                history(\"/fixtures\", { replace: true });\r\n            }, 100);\r\n        } catch (err) {\r\n            setDeleting(false);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationTriangle} />,\r\n                text: await getError(err)\r\n            });\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteFixture();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!fixture) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppDialog\r\n            title=\"Delete fixture?\"\r\n            subText={`Are you sure you want to delete fixture ${fixture.fixtureNumber} and all related data?`}\r\n            open={isOpen}\r\n            working={deleting}\r\n            cancel={onClose}\r\n            commit={() => setDeleting(true)}\r\n        />\r\n    );\r\n};","import React, { FC, useEffect, useState } from \"react\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ITextField, TextField } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\nexport const TimeTextBox: FC<{ date?: Date, timeZone?: string, borderless?: boolean, height?: string, padding?: string, hideIcon?: boolean, disabled?: boolean, locked?: boolean, onChange: (_: Date) => void }> = ({ date, timeZone, borderless, height, padding, hideIcon, disabled, locked, onChange }) => {\r\n    const { getTimeFromString } = useDateFunctions();\r\n    const [localValue, setLocalValue] = useState<string>(\"\");\r\n    const [errorMsg, setErrorMsg] = useState<string | undefined>();\r\n    let inputRef: ITextField | null = null;\r\n\r\n    const processTimeString = (s: string) => {\r\n        setErrorMsg(undefined);\r\n\r\n        let time = getTimeFromString(s);\r\n\r\n        if (!time || !date) {\r\n            setErrorMsg(\"Invalid time\");\r\n            return false;\r\n        }\r\n\r\n        let startOfDay = DateTime.fromJSDate(new Date(date), {\r\n            zone: timeZone\r\n        }).startOf(\"day\");\r\n\r\n        let newDate = startOfDay.plus({\r\n            \"hours\": time.hour,\r\n            \"minutes\": time.minute,\r\n            \"seconds\": 0,\r\n            \"milliseconds\": 0\r\n        });\r\n\r\n        onChange(newDate.toJSDate());\r\n\r\n        return newDate.toFormat(\"HH:mm\")\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (date) {\r\n            let d = DateTime.fromJSDate(new Date(date), {\r\n                zone: timeZone\r\n            });\r\n            setLocalValue(d.toFormat(\"HH:mm\"));\r\n        }\r\n        else {\r\n            setLocalValue(\"\");\r\n        }\r\n    }, [date, timeZone])\r\n\r\n    //#region Old use effects\r\n    /*\r\n    useEffect(() => {\r\n        if (date && !localValue) {\r\n            setLocalValue(DateTime.fromJSDate(new Date(date), { zone: timeZone }).toFormat(\"HH:mm\"));\r\n        }\r\n        else if (!date) {\r\n            setLocalValue(\"\");\r\n        }\r\n    }, [date])\r\n\r\n    useEffect(() => {\r\n        if (date) {\r\n            let time = DateTime.fromJSDate(new Date(date), { zone: timeZone }).toFormat(\"HH:mm\");\r\n\r\n            setLocalValue(time);\r\n            processTimeString(time);\r\n        }\r\n    }, [timeZone])\r\n    */\r\n    //#endregion\r\n    \r\n    return (\r\n        <TextField\r\n            title={!date ? \"Please define a date before setting time\" : undefined}\r\n            disabled={!date || disabled || locked}\r\n            borderless={borderless}\r\n            componentRef={_ => inputRef = _}\r\n            iconProps={{ iconName: !hideIcon ? \"Clock\" : undefined }}\r\n            maxLength={5}\r\n            value={localValue ? localValue : \"\"}\r\n            styles={{\r\n                fieldGroup: {\r\n                    borderColor: errorMsg ? \"red\" : locked ? \"#605e5c\" : !date ? \"#605e5c\" : undefined,\r\n                    height: height\r\n                },\r\n                field: {\r\n                    backgroundColor: errorMsg ? \"#ffdbdb\" : locked ? \"white\" : undefined,\r\n                    color: locked ? \"#333\" : undefined,\r\n                    padding: padding\r\n                },\r\n                icon: {\r\n                    display: locked ? \"none\" : undefined\r\n                }\r\n            }}\r\n            onKeyDown={ev => {\r\n                if (ev.key === \"Enter\") {\r\n                    let result = processTimeString(localValue);\r\n                    if (result) {\r\n                        inputRef?.blur();\r\n                    }\r\n                }\r\n            }}\r\n            onChange={(ev, newValue) => {\r\n                let pattern = /[0-9]+|:/g;\r\n                if (newValue) {\r\n                    var v = (newValue.match(pattern) || []).join('');\r\n                    setLocalValue(v);\r\n                }\r\n                else {\r\n                    setLocalValue(\"\");\r\n                }\r\n            }}\r\n            onBlur={() => {\r\n                let result = processTimeString(localValue);\r\n                if (result) {\r\n                    setLocalValue(result)\r\n                }\r\n            }}\r\n            onFocus={ev => {\r\n                setErrorMsg(undefined);\r\n                ev.target.select();\r\n            }}\r\n        />\r\n    );\r\n}","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePicker } from \"@fluentui/react\";\r\nimport { TimeTextBox } from \"./TimeTextBox\";\r\nimport { InputWithDescription } from \"../inputWithDescription/InputWithDescription\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faLock } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst InputContainer = styled.div<{ error: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: auto 80px;\r\n\r\n    .date {\r\n        margin-right: -2px;     \r\n    }\r\n\r\n    .time {\r\n        position: relative;\r\n\r\n        .locked {\r\n            position: absolute;\r\n            right: 12px;\r\n            top: 8px;\r\n            color: #ddd;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IDateTimePickerProps {\r\n    title?: string\r\n    description?: string\r\n    date?: Date\r\n    timeZone?: string\r\n    onChange: (date: Date) => void\r\n    error?: string\r\n    disabled?: boolean\r\n    locked?: boolean\r\n    minDate?: Date\r\n}\r\n\r\nexport const DateTimePicker: FC<IDateTimePickerProps> = ({ title, description, date, timeZone, error, disabled, locked, minDate, onChange }) => {\r\n    const [localDate, setLocalDate] = useState<DateTime | undefined>();\r\n\r\n    const updateDate = (_: Date) => {\r\n        let newDate = DateTime.fromObject({\r\n            year: _.getFullYear(),\r\n            month: _.getMonth() + 1,\r\n            day: _.getDate(),\r\n            hour: localDate?.hour,\r\n            minute: localDate?.minute\r\n        }, {\r\n            zone: timeZone\r\n        });\r\n\r\n        onChange(newDate.toJSDate());\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (date) {\r\n            let d = DateTime.fromJSDate(new Date(date), {\r\n                zone: timeZone\r\n            });\r\n            setLocalDate(d);\r\n        }\r\n        else {\r\n            setLocalDate(undefined);\r\n        }\r\n    }, [date, timeZone])\r\n\r\n    return (\r\n        <InputWithDescription description={description} defaultDescription>\r\n            <InputContainer title={error ? `${title} - ${error}` : title} error={error ? true : false}>\r\n                <div className=\"date\">\r\n                    <DatePicker\r\n                        disabled={disabled || locked}\r\n                        minDate={minDate}\r\n                        value={localDate ? localDate.toJSDate() : new Date()}\r\n                        styles={{\r\n                            textField: {\r\n                                \"& .ms-TextField-fieldGroup\": {\r\n                                    borderColor: error ? \"red\" : locked ? \"#605e5c\" : undefined,\r\n                                },\r\n                                \"& .ms-TextField-field\": {\r\n                                    color: locked ? \"#333\" : undefined,\r\n                                    backgroundColor: error ? \"#ffdbdb\" : locked ? \"white\" : undefined,\r\n                                }\r\n                            },\r\n                            icon: {\r\n                                display: locked ? \"none\" : undefined\r\n                            },\r\n                            statusMessage: {\r\n                                marginTop: \"0\"\r\n                            }\r\n                        }}\r\n                        formatDate={_ => {\r\n                            if (!localDate || !_) {\r\n                                return \"\";\r\n                            }\r\n                            return DateTime.fromJSDate(new Date(_), {\r\n                                zone: timeZone\r\n                            }).toFormat(\"ccc. dd MMM. yyyy\");\r\n                        }}\r\n                        onSelectDate={_ => {\r\n                            if (!_) {\r\n                                return;\r\n                            }\r\n                            updateDate(_);\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div className=\"time\">\r\n                    <TimeTextBox\r\n                        disabled={disabled}\r\n                        locked={locked}\r\n                        date={localDate?.toJSDate()}\r\n                        timeZone={timeZone}\r\n                        onChange={_ => {\r\n                            onChange(_);\r\n                        }}\r\n                    />\r\n                    {locked &&\r\n                        <div className=\"locked\">\r\n                            <FontAwesomeIcon icon={faLock} />\r\n                        </div>\r\n                    }\r\n                </div>\r\n            </InputContainer>\r\n        </InputWithDescription>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon, Dropdown } from \"@fluentui/react\";\r\nimport { IFixture } from \"../../../../interfaces/IFixture\";\r\nimport { FixtureStatus } from \"../../../../_enums/FixtureStatus\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { FixtureDeleteDialog } from \"../deleteDialog/FixtureDeleteDialog\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { IVessel } from \"../../../../interfaces/IVessel\";\r\nimport { Vessel } from \"../../../../classes/Vessel\";\r\nimport { IVoyage } from \"../../../../interfaces/IVoyage\";\r\nimport { IPartner } from \"../../../../interfaces/IPartner\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { AppSearchBox } from \"../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { DateTimePicker } from \"../../../../blocks/dateTimePicker/DateTimePicker\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { AppPanelNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        grid-template-columns: 1fr 80px;\r\n\r\n        >div:first-child {\r\n            input {\r\n                border: 1px solid #444;\r\n                border-right: none;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IFixtureEditPanel {\r\n    f?: IFixture,\r\n    isOpen: boolean,\r\n    commit: (_: IFixture, isNew: boolean) => void,\r\n    dismiss: (_?: IFixture) => void,\r\n    layerBackground?: string\r\n    defaultVessel?: IVessel\r\n    defaultVoyage?: IVoyage\r\n    defaultCharterer?: IPartner\r\n}\r\n\r\nexport const FixtureEditPanel: React.FC<IFixtureEditPanel> = ({ f, isOpen, commit, dismiss, layerBackground, defaultVessel, defaultVoyage, defaultCharterer }) => {\r\n    const isNew = f ? false : true;\r\n    const { app } = useAppContext();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { getError } = useRest();\r\n    const [fixture, setFixture] = useState<IFixture | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleteOpen, { toggle: toggleDeleteOpen }] = useBoolean(false);\r\n    const tz = resolveTimeZone();\r\n\r\n    const isValid = () => {\r\n        if (!fixture || !fixture.vessel || !fixture.voyage || !fixture.charterer || !fixture.currency) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const save = async () => {\r\n        try {\r\n            let _fixture = await app.api.saveFixture(fixture!, isNew);\r\n            setSaving(false);\r\n            commit(_fixture, isNew);\r\n        }\r\n        catch (error: any) {\r\n            setSaving(false);\r\n            app.setAppMessage({\r\n                isError: true,\r\n                text: await getError(error),\r\n                ttl: 5000\r\n            });\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            if (isNew) {\r\n                setFixture({\r\n                    id: 0,\r\n                    status: FixtureStatus.None,\r\n                    vessel: defaultVessel as Vessel,\r\n                    voyage: defaultVoyage,\r\n                    charterer: defaultCharterer,\r\n                    layCanFrom: DateTime.now().toUTC().startOf(\"day\").toJSDate(),\r\n                    layCanTo: DateTime.now().toUTC().endOf(\"day\").toJSDate(),\r\n                    currency: \"EUR\"\r\n                });\r\n            }\r\n            else {\r\n                setFixture(f);\r\n            }\r\n        }\r\n        else {\r\n            setFixture(undefined);\r\n        }\r\n    }, [isOpen]);\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    if (!fixture) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            layerBackground={layerBackground}\r\n            working={saving}\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"Create\" : \"Edit\"}</span> fixture {fixture.fixtureNumber}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={<Icon iconName=\"EditSolid12\" />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: toggleDeleteOpen,\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Fixture status\" defaultDescription>\r\n                    <Dropdown\r\n                        placeholder=\"Select status\"\r\n                        selectedKey={fixture.status}\r\n                        options={convertToKeyValuePair(FixtureStatus, [], [], true)}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setFixture({\r\n                                    ...fixture,\r\n                                    status: Number(v.key)\r\n                                });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppSearchBox\r\n                    required\r\n                    description=\"Vessel\"\r\n                    placeHolder=\"Search for vessel\"\r\n                    endPoint=\"vessels/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={fixture.vessel}\r\n                    onSelected={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            vessel: _,\r\n                            voyage: _ ? fixture.voyage : undefined\r\n                        });\r\n                    }}\r\n                />\r\n                <AppSearchBox\r\n                    required\r\n                    disabled={fixture.vessel ? false : true}\r\n                    description=\"Voyage\"\r\n                    placeHolder=\"Search for voyage\"\r\n                    endPoint=\"voyages/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"voyageNumber\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={fixture.voyage}\r\n                    additionalQueryParams={[{\r\n                        key: \"vesselId\",\r\n                        value: fixture.vessel?.id.toString()\r\n                    }]}\r\n                    onSelected={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            voyage: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppSearchBox\r\n                    required\r\n                    description=\"Charterer\"\r\n                    placeHolder=\"Search for charterer\"\r\n                    endPoint=\"partners/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={fixture.charterer}\r\n                    additionalQueryParams={[\r\n                        {\r\n                            key: \"partnerTypes\",\r\n                            value: \"1\"\r\n                        }\r\n                    ]}\r\n                    onSelected={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            charterer: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppSearchBox\r\n                    description=\"Broker\"\r\n                    placeHolder=\"Search for broker\"\r\n                    endPoint=\"partners/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={fixture.broker}\r\n                    additionalQueryParams={[{\r\n                        key: \"partnerTypes\",\r\n                        value: \"2\"\r\n                    },]}\r\n                    onSelected={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            broker: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <DateTimePicker\r\n                    title={`Timezone: ${tz}`}\r\n                    description=\"Coa date\"\r\n                    date={fixture.coaDate}\r\n                    timeZone={tz}\r\n                    onChange={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            coaDate: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <DateTimePicker\r\n                    title={`Timezone: ${tz}`}\r\n                    description=\"Cp date\"\r\n                    date={fixture.cpDate}\r\n                    timeZone={tz}\r\n                    onChange={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            cpDate: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <DateTimePicker\r\n                    title={`Timezone: ${tz}`}\r\n                    description=\"LayCan from\"\r\n                    date={fixture.layCanFrom}\r\n                    timeZone={tz}\r\n                    onChange={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            layCanFrom: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <DateTimePicker\r\n                    title={`Timezone: ${tz}`}\r\n                    description=\"LayCan to\"\r\n                    date={fixture.layCanTo}\r\n                    timeZone={tz}\r\n                    onChange={_ => {\r\n                        setFixture({\r\n                            ...fixture,\r\n                            layCanTo: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <div className=\"two-columns\">\r\n                    <InputWithDescription description=\"Demurrage rate\" defaultDescription>\r\n                        <AppNumericTextField\r\n                            borderless\r\n                            defaultValue={fixture.demurrageRate ? fixture.demurrageRate.toString() : \"\"}\r\n                            onChange={(ev, newValue) => {\r\n                                setFixture({\r\n                                    ...fixture,\r\n                                    demurrageRate: newValue ? Number(newValue) : undefined\r\n                                });\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <InputWithDescription description=\"Currency\" defaultDescription>\r\n                        <Dropdown\r\n                            required={true}\r\n                            selectedKey={fixture.currency}\r\n                            options={[\r\n                                { key: \"USD\", text: \"USD\" },\r\n                                { key: \"EUR\", text: \"EUR\" },\r\n                                { key: \"NOK\", text: \"NOK\" }\r\n                            ]}\r\n                            onChange={(ev, option) => {\r\n                                setFixture({\r\n                                    ...fixture,\r\n                                    currency: option ? option.key.toString() : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                </div>\r\n\r\n            </Body>\r\n\r\n            <FixtureDeleteDialog\r\n                fixture={fixture}\r\n                isOpen={deleteOpen}\r\n                onClose={toggleDeleteOpen}\r\n            />\r\n\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, PanelType } from \"@fluentui/react\";\r\nimport { faBox, faPlus, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useVoyageProvider } from \"../../../../../contextHooks/VoyageContext\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../hooks/useRest\";\r\nimport { ICargo } from \"../../../../../interfaces/ICargo\";\r\nimport { IFixture } from \"../../../../../interfaces/IFixture\";\r\nimport { PanelPorts } from \"./PanelPorts\";\r\nimport { CargoGroup } from \"./CargoGroup\";\r\nimport { ICommodity } from \"../../../../../interfaces/ICommodity\";\r\nimport { FixtureEditPanel } from \"../../../../fixtures/modules/editPanel/FixtureEditPanel\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .cargo-details {\r\n        >div {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .two-columns {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, minmax(0, 1fr));\r\n            column-gap: 25px;\r\n\r\n            .action-button {\r\n                background-color: #4177bf;\r\n                color: white;\r\n                height: 32px;\r\n                width: 32px;\r\n                border-radius: 0 2px 2px 0;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 10px;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n        .commodity {\r\n            display: grid;\r\n            grid-template-columns: 1fr 90px;\r\n            column-gap: 10px;\r\n        }\r\n\r\n        .has-button {\r\n            display: grid;\r\n            grid-template-columns: auto 32px;\r\n        }\r\n    }\r\n\r\n    .cargo-ports {\r\n        margin: 0 -30px;\r\n    }\r\n\r\n    .external-id {\r\n        display: flex;\r\n        margin-top: -10px;\r\n\r\n        >div {\r\n            background-color: #fafafa;\r\n            border: 1px solid #ccc;\r\n            border-radius: 2px;\r\n            padding: 4px 6px;\r\n            color: #888;\r\n            font-size: 10px;\r\n            letter-spacing: .5px;\r\n            cursor: copy;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Panel: React.FC<{ dismiss: (refresh?: boolean) => void, c?: ICargo }> = ({ dismiss, c }) => {\r\n    const { app } = useAppContext();\r\n    const { voyage } = useVoyageProvider();\r\n    const { getError } = useRest();\r\n    const [cargo, setCargo] = useState<ICargo | undefined>();\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const [newFixturePanelOpen, setNewFixturePanelOpen] = useState(false);\r\n    const isNew = cargo?.id === 0;\r\n    const isExternal = cargo?.externalId ? true : false;\r\n\r\n    const save = async () => {\r\n        setErrorMessage(undefined);\r\n\r\n        try {\r\n            isNew ? await app.api.createVoyageCargo(voyage.id, cargo!) : await app.api.updateVoyageCargo(voyage.id, cargo!);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: isNew ? \"Cargo created\" : \"Cargo updated\" });\r\n            dismiss(true);\r\n        }\r\n        catch (error: any) {\r\n            setErrorMessage(await getError(error));\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const deleteCargo = async () => {\r\n        try {\r\n            await app.api.deleteVoyageCargo(voyage.id, cargo!);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: \"Cargo deleted\" });\r\n            dismiss(true);\r\n        }\r\n        catch (error: any) {\r\n            setErrorMessage(await getError(error));\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    const formOk = () => {\r\n        if (!cargo) {\r\n            setErrorMessage(\"Cargo is null\");\r\n            return false;\r\n        }\r\n\r\n        if (!cargo.commodity) {\r\n            setErrorMessage(\"Please select a commodity\");\r\n            return false;\r\n        }\r\n\r\n        if (!cargo.measurement) {\r\n            setErrorMessage(\"Please select a measure\");\r\n            return false;\r\n        }\r\n\r\n        if (!cargo.charterer) {\r\n            setErrorMessage(\"Please select a charterer\");\r\n            return false;\r\n        }\r\n\r\n        if (!cargo.cargoPorts || cargo.cargoPorts.length === 0) {\r\n            setErrorMessage(\"Please add a cargo port\");\r\n            return false;\r\n        }\r\n\r\n        let cpMessage: string | undefined;\r\n        cargo.cargoPorts.forEach(cp => {\r\n            if (!cp.portCallId) {\r\n                cpMessage = \"Port missing from cargo port\";\r\n            }\r\n\r\n            if (!cp.reasonForCall) {\r\n                cpMessage = \"Reason for call missing in cargo port\";\r\n            }\r\n\r\n            if (cp.quantity === undefined) {\r\n                cpMessage = \"Quantity missing from cargo port\";\r\n            }\r\n        });\r\n\r\n        if (cpMessage) {\r\n            setErrorMessage(cpMessage);\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setCargo(c);\r\n\r\n        if (!c) {\r\n            setErrorMessage(undefined);\r\n        }\r\n    }, [c])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteCargo();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!cargo) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New cargo\" : \"Edit cargo\"}</span> {cargo.commodity?.name}</span>}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"870px\"\r\n            isOpen={c ? true : false}\r\n            dismiss={() => dismiss()}\r\n            working={saving || deleting}\r\n            errorMessage={errorMessage}\r\n            warningMessage={isExternal ? \"Only a subset of properties can be edited for cargo originating from external systems (e.g. Vms)\" : undefined}\r\n            icon={<FontAwesomeIcon icon={faBox} />}\r\n            footerActions={[\r\n                {\r\n                    disabled: isNew || c?.externalId !== null,\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    title: \"Delete portcall\",\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    disabled: (!cargo),\r\n                    onClick: () => {\r\n                        if (formOk()) {\r\n                            setSaving(true);\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    <AppPanelSubHeaderNew title=\"Details\" />\r\n                    <div className=\"cargo-details\">\r\n                        <div className=\"two-columns\">\r\n                            <div className=\"commodity\">\r\n                                <AppSearchBox\r\n                                    locked={isExternal}\r\n                                    required\r\n                                    description=\"Commodity\"\r\n                                    placeHolder=\"Search for commodity\"\r\n                                    endPoint=\"commodities/search\"\r\n                                    keyProp=\"id\"\r\n                                    titleProp=\"name\"\r\n                                    minLengthBeforeSearhing={2}\r\n                                    defaultValue={cargo?.commodity}\r\n                                    onSelected={(_: ICommodity) => {\r\n                                        if (_ && !cargo.measurement) {\r\n                                            setCargo({\r\n                                                ...cargo,\r\n                                                commodity: _,\r\n                                                measurement: _.defaultMeasurement\r\n                                            });\r\n                                        }\r\n                                        else {\r\n                                            setCargo({ ...cargo, commodity: _ });\r\n                                        }\r\n                                    }}\r\n                                />\r\n                                <AppSearchBox\r\n                                    locked={isExternal}\r\n                                    required\r\n                                    description=\"Measurement\"\r\n                                    placeHolder=\"Search\"\r\n                                    endPoint=\"measurements/search\"\r\n                                    keyProp=\"id\"\r\n                                    titleProp=\"name\"\r\n                                    minLengthBeforeSearhing={1}\r\n                                    defaultValue={cargo?.measurement}\r\n                                    onSelected={_ => {\r\n                                        setCargo({ ...cargo, measurement: _ });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            <AppSearchBox\r\n                                locked={isExternal}\r\n                                required\r\n                                disabled={cargo && !isExternal && cargo.fixture ? true : false}\r\n                                description=\"Charterer\"\r\n                                placeHolder=\"Search for charterer\"\r\n                                endPoint=\"partners/search\"\r\n                                additionalQueryParams={[{\r\n                                    key: \"partnerTypes\",\r\n                                    value: \"1\"\r\n                                }]}\r\n                                keyProp=\"id\"\r\n                                titleProp=\"name\"\r\n                                minLengthBeforeSearhing={2}\r\n                                defaultValue={cargo?.charterer}\r\n                                onSelected={_ => {\r\n                                    setCargo({ ...cargo, charterer: _ });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                        <div className=\"two-columns\">\r\n                            <div className=\"has-button\">\r\n                                <AppSearchBox\r\n                                    description=\"Fixture\"\r\n                                    placeHolder=\"Search for fixture\"\r\n                                    endPoint=\"fixtures/search\"\r\n                                    keyProp=\"id\"\r\n                                    titleProp=\"fixtureNumber\"\r\n                                    minLengthBeforeSearhing={1}\r\n                                    defaultValue={cargo?.fixture}\r\n                                    additionalQueryParams={[\r\n                                        { key: \"vesselId\", value: voyage.vessel.id },\r\n                                        { key: \"voyageId\", value: voyage.id }\r\n                                    ]}\r\n                                    customTitle={(f: IFixture | undefined) => {\r\n                                        return f ? `${f.fixtureNumber} ${f.charterer?.name}` : \"\"\r\n                                    }}\r\n                                    customResultTitle={(f: IFixture) => {\r\n                                        return `${f.fixtureNumber} ${f.charterer?.name}`\r\n                                    }}\r\n                                    onSelected={(_: IFixture) => {\r\n                                        setCargo({\r\n                                            ...cargo,\r\n                                            fixture: _,\r\n                                            charterer: _ && _.charterer ? _.charterer : cargo.charterer\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <div\r\n                                    title=\"Create new fixture\"\r\n                                    className=\"action-button\"\r\n                                    onClick={() => setNewFixturePanelOpen(true)}\r\n                                >\r\n                                    <FontAwesomeIcon icon={faPlus} />\r\n\r\n                                    <FixtureEditPanel\r\n                                        defaultVessel={voyage.vessel}\r\n                                        defaultCharterer={cargo.charterer}\r\n                                        defaultVoyage={voyage}\r\n                                        layerBackground=\"transparent\"\r\n                                        isOpen={newFixturePanelOpen}\r\n                                        commit={_ => {\r\n                                            setNewFixturePanelOpen(false);\r\n                                            setCargo({\r\n                                                ...cargo,\r\n                                                fixture: _,\r\n                                                charterer: _ && _.charterer ? _.charterer : undefined\r\n                                            });\r\n                                        }}\r\n                                        dismiss={_ => {\r\n                                            setNewFixturePanelOpen(false);\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <AppSearchBox\r\n                                locked={isExternal}\r\n                                description=\"Freight type\"\r\n                                placeHolder=\"Search for freight type\"\r\n                                endPoint=\"freighttypes/search\"\r\n                                keyProp=\"id\"\r\n                                titleProp=\"name\"\r\n                                minLengthBeforeSearhing={2}\r\n                                defaultValue={cargo?.freightType}\r\n                                onSelected={_ => {\r\n                                    setCargo({ ...cargo, freightType: _ });\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className=\"two-columns\">\r\n                            <CargoGroup\r\n                                group={cargo.group}\r\n                                onChange={_ => {\r\n                                    setCargo({ ...cargo, group: _ });\r\n                                }}\r\n                            />\r\n                            <Checkbox\r\n                                disabled={!cargo.charterer || !cargo.charterer.trackingActive}\r\n                                checked={cargo.trackingActive}\r\n                                label={cargo.charterer\r\n                                    ? cargo.charterer.trackingActive\r\n                                        ? \"Cargo tracking\"\r\n                                        : \"Cargo tracking is disabled for charterer\"\r\n                                    : \"Select charterer to enable cargo tracking\"\r\n                                }\r\n                                styles={{\r\n                                    root: {\r\n                                        padding: \"6px 0\"\r\n                                    }\r\n                                }}\r\n                                onChange={(ev, checked) => {\r\n                                    setCargo({ ...cargo, trackingActive: checked ? checked : false });\r\n                                }}\r\n                            />\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <AppPanelSubHeaderNew\r\n                        title={`${cargo.cargoPorts && cargo.cargoPorts.length > 0 ? `Cargo ports (${cargo.cargoPorts.length})` : \"No cargo ports\"}`}\r\n                        actions={[\r\n                            {\r\n                                title: \"Add cargo port\",\r\n                                icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                onClick: () => {\r\n                                    let _cargoPorts = cargo.cargoPorts ? cargo.cargoPorts : [];\r\n                                    setCargo({\r\n                                        ...cargo,\r\n                                        cargoPorts: [\r\n                                            ..._cargoPorts,\r\n                                            {\r\n                                                id: 0\r\n                                            }\r\n                                        ]\r\n                                    });\r\n                                }\r\n                            }\r\n                        ]}\r\n                    />\r\n\r\n                    <div className=\"cargo-ports\">\r\n                        <PanelPorts\r\n                            cargo={cargo}\r\n                            onRemove={(removedCp, rowId) => {\r\n                                let temp = [...cargo.cargoPorts!];\r\n                                temp.splice(rowId, 1);\r\n\r\n                                setCargo({\r\n                                    ...cargo,\r\n                                    cargoPorts: temp\r\n                                });\r\n                            }}\r\n                            onChange={(updatedCp, rowId) => {\r\n                                let temp = [...cargo.cargoPorts!];\r\n                                temp[rowId] = updatedCp;\r\n\r\n                                setCargo({\r\n                                    ...cargo,\r\n                                    cargoPorts: temp\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                {cargo?.externalId &&\r\n                    <div className=\"external-id\">\r\n                        <div\r\n                            title=\"Id from external system. Click to copy\"\r\n                            onClick={(ev) => {\r\n                                navigator.clipboard.writeText(cargo.externalId!);\r\n                            }}\r\n                        >\r\n                            Ex. id: {cargo.externalId}\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </Body>\r\n\r\n            <AppDialog\r\n                title=\"Delete cargo\"\r\n                subText={`Are you sure you want to delete the cargo ${cargo.commodity?.name}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    setDeleting(true);\r\n                }}\r\n            />\r\n\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n\r\n    /* Set height to 50% last line */\r\n    :last-child {\r\n        >div:first-child {\r\n            >div:first-child {\r\n                height: 50%;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Tag = styled.div`\r\n    position: relative;\r\n    width: 16px;\r\n`;\r\n\r\nconst Line = styled.div`\r\n    width: 2px;\r\n    background-color: #555;\r\n    height: 100%;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n`;\r\n\r\nconst Dot = styled.div`\r\n    height: 16px;\r\n    width: 16px;\r\n    border-radius: 50%;\r\n    background-color: white;\r\n    border: 2px solid #06ad56;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n\r\n    >div {\r\n        height: inherit;\r\n        width: inherit;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport interface IDotListItem {\r\n    content: any\r\n    dot?: {\r\n        borderColor?: string\r\n        backgroundColor?: string\r\n        color?: string\r\n        char?: string\r\n    }\r\n}\r\n\r\nexport const DotListItem: React.FC<IDotListItem> = ({ content, dot }) => {\r\n    return (\r\n        <Container>\r\n            <Tag>\r\n                <Line />\r\n                <Dot\r\n                    style={{\r\n                        borderColor: dot?.borderColor\r\n                    }}\r\n                >\r\n                    <div\r\n                        style={{\r\n                            backgroundColor: dot?.backgroundColor ? dot.backgroundColor : \"white\",\r\n                            color: dot?.color\r\n                        }}\r\n                    >\r\n                        {dot?.char}\r\n                    </div>\r\n                </Dot>\r\n            </Tag>\r\n            <div>\r\n                {content}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DotListItem, IDotListItem } from \"./DotListItem\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div``;\r\n//#endregion\r\n\r\nexport const DotList: React.FC<{ data: IDotListItem[] }> = ({ data }) => {\r\n    return (\r\n        <Container>\r\n            {data.map((_, i) => {\r\n                return (\r\n                    <DotListItem\r\n                        key={`DotListItem_${i}`}\r\n                        content={_.content}\r\n                        dot={_.dot}\r\n                    />\r\n                );\r\n            })}\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DateString } from \"../../../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\nimport { ICargo } from \"../../../../../../interfaces/ICargo\";\r\nimport { ICargoPort } from \"../../../../../../interfaces/ICargoPort\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ inActive?: boolean }>`\r\n    padding: 8px 0 8px 23px;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    text-decoration: ${_ => _.inActive ? \"line-through\" : undefined};\r\n    \r\n    >span:first-child {\r\n        width: 180px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CargoPortContainer: React.FC<{ cargo: ICargo, cp: ICargoPort }> = ({ cargo, cp }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(cp.portObject?.timeZone)\r\n\r\n    return (\r\n        <Container inActive={cp.inActive}>\r\n            <span><DateString date={cp.scheduledArrival} timeZone={tz} /></span>{toCapitalLetters(cp.portObject?.name)} - {cp.reasonForCall === \"L\" ? \"load\" : \"discharge\"} {cp.quantity?.toLocaleString(undefined, { minimumFractionDigits: 3 })} {cargo.measurement?.name}\r\n        </Container>\r\n    );\r\n};","import { Icon } from \"@fluentui/react\";\r\nimport { faBinoculars, faBox } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { Badge } from \"../../../../../../blocks/badge/Badge\";\r\nimport { DotList } from \"../../../../../../blocks/dotList/DotList\";\r\nimport { ICargo } from \"../../../../../../interfaces/ICargo\";\r\nimport { CargoPortContainer } from \"./CargoPort\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-bottom: 1px solid #e9e9e9;\r\n    position: relative;\r\n    cursor: pointer;\r\n\r\n    :nth-child(odd) {\r\n        background-color: #fafafa;\r\n    }\r\n\r\n    .cargo-container-right {\r\n        display: flex;\r\n        margin: 0 2px 0 0;\r\n\r\n        >div {\r\n            margin: 0 10px;\r\n        }\r\n\r\n        i {\r\n            color: #f1f1f1;    \r\n        }\r\n    }\r\n\r\n    :hover {\r\n        background-color: #f5f5f5 !important;\r\n\r\n        .cargo-container-right {\r\n            i {\r\n                color: #333;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst CargoIcon = styled.div`\r\n    position: relative;\r\n    margin-right: 15px;\r\n    \r\n    >div {\r\n        position: relative;\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: #06ad56;\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        font-size: 11px;\r\n    }\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        height: 100%;\r\n        top: 0;\r\n        width: 2px;\r\n        background-color: #555;\r\n        border-radius: 0;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n    }\r\n`;\r\n\r\nconst Main = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    margin: 0 -15px;\r\n\r\n    .has-fixture {\r\n        color: #4177bf;\r\n\r\n        :hover {\r\n            >div:first-child {\r\n                text-decoration: underline;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Header = styled.div`\r\n    padding-top: 20px;\r\n    margin: 0 15px 0 30px;\r\n    display: flex;\r\n`;\r\n\r\nconst ContentItem = styled.div`\r\n    padding-bottom: 25px;\r\n    margin: 0 15px;\r\n    font-weight: 500;\r\n\r\n    >div:last-child {\r\n        margin-top: 2px;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        text-transform: uppercase;\r\n        color: #a1a1a1;\r\n    }\r\n`;\r\n\r\nconst Ports = styled.div`\r\n    margin: 0 38px;\r\n    padding-bottom: 20px;\r\n`;\r\n//#endregion\r\n\r\nexport const Item: React.FC<{ cargo: ICargo, onClick: () => void }> = ({ cargo, onClick }) => {\r\n    const history = useNavigate();\r\n    const hasFixture = cargo.fixture ? true : false;\r\n\r\n    return (\r\n        <Container onClick={onClick} title=\"Edit cargo and cargo ports\">\r\n            <Header>\r\n                <CargoIcon>\r\n                    <div />\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faBox} />\r\n                    </div>\r\n                </CargoIcon>\r\n                <Main>\r\n                    <ContentItem>\r\n                        <div>\r\n                            {cargo && cargo.commodity ? cargo.commodity.name : \"?\"}\r\n                        </div>\r\n                        <div>\r\n                            Commodity\r\n                        </div>\r\n                    </ContentItem>\r\n                    {cargo && cargo.fixture && cargo.charterer\r\n                        ?\r\n                        <ContentItem\r\n                            className={hasFixture ? \"has-fixture\" : undefined}\r\n                            title={hasFixture ? `Go to fixture ${cargo.fixture.fixtureNumber}` : undefined}\r\n                            onClick={ev => {\r\n                                if (hasFixture) {\r\n                                    ev.stopPropagation();\r\n                                    history(`/fixtures/${cargo.fixture?.id}`)\r\n                                }\r\n                            }}\r\n                        >\r\n                            <div>\r\n                                {cargo.fixture.fixtureNumber} {cargo.charterer.name}\r\n                            </div>\r\n                            <div>\r\n                                Fixture\r\n                            </div>\r\n                        </ContentItem>\r\n                        :\r\n                        <ContentItem>\r\n                            <div>\r\n                                {cargo && cargo.charterer ? cargo.charterer.name : \"?\"}\r\n                            </div>\r\n                            <div>\r\n                                Charterer\r\n                            </div>\r\n                        </ContentItem>\r\n                    }\r\n                    {cargo && cargo.freightType &&\r\n                        <ContentItem>\r\n                            <div>\r\n                                {cargo.freightType.name}\r\n                            </div>\r\n                            <div>\r\n                                Freight type\r\n                            </div>\r\n                        </ContentItem>\r\n                    }\r\n                    {cargo && cargo.trackingActive &&\r\n                        <ContentItem>\r\n                            <div>\r\n                                <FontAwesomeIcon style={{ marginBottom: \"1px\", fontSize: \"14px\", color: \"#333\" }} icon={faBinoculars} /> Yes\r\n                            </div>\r\n                            <div>\r\n                                Tracking\r\n                            </div>\r\n                        </ContentItem>\r\n                    }\r\n                </Main>\r\n                <div className=\"cargo-container-right\">\r\n                    {cargo.group &&\r\n                        <div title=\"Group\">\r\n                            <Badge text={cargo.group.name!} />\r\n                        </div>\r\n                    }\r\n                    {cargo.externalId !== null &&\r\n                        <div title=\"Synced from external system\">\r\n                            <Badge text=\"External\" />\r\n                        </div>\r\n                    }\r\n                    <div>\r\n                        <Icon iconName=\"EditSolid12\" />\r\n                    </div>\r\n                </div>\r\n            </Header>\r\n            {cargo.cargoPorts &&\r\n                <Ports>\r\n                    <DotList\r\n                        data={cargo.cargoPorts.map(_ => {\r\n                            return {\r\n                                content: <CargoPortContainer cargo={cargo} cp={_} />,\r\n                                dot: {\r\n                                    borderColor: _.reasonForCall === \"L\" ? \"#06ad56\" : \"#4177bf\",\r\n                                    backgroundColor: _.reasonForCall === \"L\" ? \"rgb(6, 173, 86, .2)\" : \"rgb(65, 119, 191, .2)\",\r\n                                    char: _.reasonForCall\r\n                                }\r\n                            }\r\n                        })}\r\n                    />\r\n                </Ports>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport { useVoyageProvider } from \"../../../../../../contextHooks/VoyageContext\";\r\nimport { Item } from \"./Item\";\r\nimport { ICargo } from \"../../../../../../interfaces/ICargo\";\r\n\r\nexport const DefaultCargoView: React.FC<{ onClick: (c: ICargo) => void }> = ({ onClick }) => {\r\n    const { cargo } = useVoyageProvider();\r\n\r\n    return (\r\n        <>\r\n            {cargo.map(c => {\r\n                return (\r\n                    <Item\r\n                        key={`Cargo_${c.id}`}\r\n                        cargo={c}\r\n                        onClick={()=> onClick(c)}\r\n                    />\r\n                );\r\n            })}\r\n        </>\r\n    );\r\n};","import { faExclamationCircle, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useVoyageProvider } from \"../../../../../../contextHooks/VoyageContext\";\r\nimport { ICargo } from \"../../../../../../interfaces/ICargo\";\r\nimport { Checkbox, Dropdown, IconButton } from \"@fluentui/react\";\r\nimport styled from \"styled-components\";\r\nimport { ICargoGroup } from \"../../../../../../interfaces/ICargoGroup\";\r\nimport { useAppContext } from \"../../../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../../../hooks/useRest\";\r\nimport { useVoyageCargoGroups } from \"../../../../../../api/hooks/useVoyageCargoGroups\";\r\nimport { useVoyageCargo } from \"../../../../../../api/hooks/useVoyageCargo\";\r\nimport { EditGroupDialog } from \"./EditGroupDialog\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-size: 14px;\r\n`;\r\n\r\nconst Header = styled.div`\r\n    display: flex;\r\n    background-color: #fafafa;\r\n    border-bottom: 1px dotted #ddd;\r\n    padding: 20px 10px;\r\n\r\n    >div {\r\n        margin: 0 2px;\r\n\r\n        >button {\r\n            i {\r\n                font-size: 18px;\r\n                color: #333;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:first-child {\r\n        background-color: #4177bf;\r\n        color: white;\r\n        margin: 0 0 0 20px;\r\n        padding: 5px 15px 0;\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        min-width: 200px;\r\n        margin: 0 10px 0 0;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-left: 5px;\r\n        padding-left: 5px;\r\n        border-left: 1px solid #ccc;\r\n    }\r\n`;\r\n\r\nconst CargoTable = styled.table`\r\n    border-spacing: 0;  \r\n    margin: 20px 20px;\r\n\r\n    tr {\r\n        th {\r\n            text-align: left;\r\n            color: black;\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: .5px;\r\n            padding: 0 18px 10px;\r\n\r\n            :nth-of-type(4) {\r\n                text-align: right;\r\n            }\r\n        }\r\n\r\n        td {\r\n            padding: 10px 18px;\r\n\r\n            :nth-of-type(4) {\r\n                text-align: right;\r\n            }\r\n\r\n            .link {\r\n                color: #4177bf;\r\n\r\n                :hover {\r\n                    text-decoration: underline;\r\n                    cursor: pointer;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const GroupEditView: React.FC<{ onClick: (c: ICargo) => void }> = ({ onClick }) => {\r\n    const { app } = useAppContext();\r\n    const { voyage, cargo, cargoGroups } = useVoyageProvider();\r\n    const [edit, setEdit] = useState<{ group?: ICargoGroup, isOpen: boolean }>({ isOpen: false });\r\n    const [group, setGroup] = useState<ICargoGroup | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleteing, setDeleting] = useState(false);\r\n    const { getError } = useRest();\r\n    const { mutate: mutateCargo } = useVoyageCargo(voyage.id);\r\n    const { mutate: mutateCargoGroups } = useVoyageCargoGroups(voyage.id);\r\n    const [cargoInGroup, setCargoInGroup] = useState<ICargo[]>([]);\r\n\r\n    const save = async () => {\r\n        try {\r\n            await app.api.updateVoyageCargoGroupCargo(voyage.id, group!.id, cargoInGroup);\r\n            mutateCargo();\r\n            mutateCargoGroups();\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: \"Cargo group saved\" });\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: await getError(error) });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const deleteGroup = async () => {\r\n        try {\r\n            await app.api.deleteVoyageCargoGroup(voyage.id, group!);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faTrashAlt} />, text: \"Cargo group deleted\" });\r\n            // mutateCargo();\r\n            mutateCargoGroups();\r\n\r\n            if (cargoGroups.length > 0) {\r\n                setGroup(cargoGroups[0]);\r\n            }\r\n            else {\r\n                setGroup(undefined);\r\n            }\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: await getError(error) });\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    const isInGroup = (c: ICargo) => {\r\n        let index = cargoInGroup.findIndex(_ => _.id === c.id);\r\n        return index >= 0;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (cargoGroups.length > 0) {\r\n            setGroup(cargoGroups[0]);\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleteing) {\r\n            deleteGroup();\r\n        }\r\n    }, [deleteing])\r\n\r\n    useEffect(() => {\r\n        if (group) {\r\n            setCargoInGroup(cargo.filter(_ => _.group?.id === group.id));\r\n        }\r\n    }, [group, cargo]);\r\n\r\n    return (\r\n        <Container>\r\n            <Header>\r\n                <div>\r\n                    Group\r\n                </div>\r\n                <Dropdown\r\n                    placeholder={cargoGroups.length === 0 ? \"No cargo groups\" : undefined}\r\n                    disabled={cargoGroups.length === 0 || saving}\r\n                    selectedKey={group ? group.id : -1}\r\n                    options={cargoGroups.map(_ => {\r\n                        return {\r\n                            key: _.id,\r\n                            text: _.name!,\r\n                            title: _.description\r\n                        }\r\n                    })}\r\n                    onChange={(ev, option) => {\r\n                        if (option) {\r\n                            let g = cargoGroups.find(_ => _.id === option.key);\r\n                            setGroup(g);\r\n                        }\r\n                    }}\r\n                />\r\n                <div>\r\n                    <IconButton\r\n                        iconProps={{ iconName: \"Save\" }}\r\n                        disabled={cargoGroups.length === 0 || saving}\r\n                        onClick={() => setSaving(true)}\r\n                        title=\"Save group\"\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <IconButton\r\n                        iconProps={{ iconName: \"Edit\" }}\r\n                        disabled={cargoGroups.length === 0 || saving || !group}\r\n                        onClick={() => setEdit({ isOpen: true, group: group })}\r\n                        title=\"Edit group details\"\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <IconButton\r\n                        iconProps={{ iconName: \"Delete\" }}\r\n                        disabled={cargoGroups.length === 0 || saving || !group || cargoInGroup.length > 0}\r\n                        onClick={() => setDeleting(true)}\r\n                        title=\"Delete group\"\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <IconButton\r\n                        iconProps={{ iconName: \"Add\" }}\r\n                        onClick={() => setEdit({ isOpen: true })}\r\n                        title=\"Add group\"\r\n                    />\r\n                </div>\r\n            </Header>\r\n            <CargoTable>\r\n                <thead>\r\n                    <tr>\r\n                        <th>\r\n                            <Checkbox\r\n                                checked={cargo.length === cargoInGroup.length}\r\n                                onChange={(ev, checked) => {\r\n                                    checked\r\n                                        ? setCargoInGroup([...cargo])\r\n                                        : setCargoInGroup([]);\r\n                                }}\r\n                            />\r\n                        </th>\r\n                        <th>Cargo</th>\r\n                        <th>Charterer</th>\r\n                        <th>Quanity</th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    {cargo.map(c => {\r\n                        return (\r\n                            <tr key={`Cargo_${c.id}`}>\r\n                                <td>\r\n                                    <Checkbox\r\n                                        checked={isInGroup(c)}\r\n                                        onChange={(ev, checked) => {\r\n                                            let _cargos = cargoInGroup.filter(_ => _.id !== c.id);\r\n                                            if (checked) {\r\n                                                setCargoInGroup([..._cargos, c]);\r\n                                            }\r\n                                            else {\r\n                                                setCargoInGroup([..._cargos]);\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                </td>\r\n                                <td>\r\n                                    <span title=\"Edit cargo\" onClick={() => onClick(c)} className=\"link\">{c.commodity?.name}</span>\r\n                                </td>\r\n                                <td>\r\n                                    {c.charterer?.name}\r\n                                </td>\r\n                                <td>\r\n                                    {c.quantity?.toLocaleString(undefined, { minimumFractionDigits: 3 })} {c.measurement?.name}\r\n                                </td>\r\n                            </tr>\r\n                        );\r\n                    })}\r\n                </tbody>\r\n            </CargoTable>\r\n\r\n            <EditGroupDialog\r\n                g={edit.group}\r\n                isOpen={edit.isOpen}\r\n                dismiss={() => setEdit({ isOpen: false })}\r\n                commit={g => {\r\n                    setGroup(g);\r\n                    setEdit({ isOpen: false });\r\n                }}\r\n            />\r\n\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { faBoxes, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useVoyageCargo } from \"../../../../api/hooks/useVoyageCargo\";\r\nimport { useVoyageCargoGroups } from \"../../../../api/hooks/useVoyageCargoGroups\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVoyageProvider } from \"../../../../contextHooks/VoyageContext\";\r\nimport { ICargo } from \"../../../../interfaces/ICargo\";\r\nimport { Panel } from \"./Edit/Panel\";\r\nimport { DefaultCargoView } from \"./Views/Default/List\";\r\nimport { GroupEditView } from \"./Views/GroupEdit/GroupEditView\";\r\n\r\n//#region Styled Components\r\nconst ViewsButton = styled.div`\r\n    display: flex;\r\n    background-color: #ddd;\r\n\r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 50px;\r\n        height: 50px;\r\n        border-left: 1px solid #ccc;\r\n        \r\n        cursor: pointer;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-right: 1px solid #ccc;\r\n    }\r\n\r\n    .selected {\r\n        background-color: #4177bf;\r\n        color: white;\r\n    }\r\n`;\r\n\r\nconst NoData = styled.div`\r\n    color: #aaa;\r\n    font-size: 14px;\r\n    height: 80px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageCargosContainer: React.FC = () => {\r\n    const { portCalls, voyage, cargo, cargoGroups, setCargo, setCargoGroups } = useVoyageProvider();\r\n    const [editCargo, setEditCargo] = useState<ICargo | undefined>();\r\n    const { data: apiCargo, mutate: mutateCargo, isValidating } = useVoyageCargo(voyage.id)\r\n    const { data: apiCargoGroups } = useVoyageCargoGroups(voyage.id)\r\n    const [mode, setMode] = useState<\"default\" | \"grouped\" | \"edit\">(\"default\");\r\n\r\n    useEffect(() => {\r\n        if (apiCargo) {\r\n            setCargo(apiCargo);\r\n        }\r\n    }, [apiCargo]);\r\n\r\n    useEffect(() => {\r\n        if (apiCargoGroups) {\r\n            setCargoGroups(apiCargoGroups);\r\n        }\r\n    }, [apiCargoGroups]);\r\n\r\n    return (\r\n        <Card\r\n            title={\r\n                <span>\r\n                    <span>{cargo.length > 0 ? `Cargo (${cargo.length})` : \"Cargo\"}</span>\r\n                    {cargoGroups.length > 0 &&\r\n                        <span style={{ marginLeft: \"10px\", color: \"#bbb\" }}>Groups ({cargoGroups.length})</span>\r\n                    }\r\n                </span>\r\n            }\r\n            loading={cargo.length === 0 && isValidating}\r\n            icon={< FontAwesomeIcon icon={faBoxes} />}\r\n            description={`Cargo (${cargo.length})`}\r\n            actions={\r\n                [\r\n                    {\r\n                        title: \"Group cargos\",\r\n                        hidden: cargo.length === 0,\r\n                        render: () => {\r\n                            return (\r\n                                <ViewsButton key=\"ViewButton\">\r\n                                    <div className={mode === \"default\" ? \"selected\" : undefined} title=\"Default view\" onClick={() => setMode(\"default\")}>\r\n                                        <Icon style={{ fontWeight: 400 }} iconName=\"BulletedList2\" />\r\n                                    </div>\r\n                                    <div className={mode === \"edit\" ? \"selected\" : undefined} title=\"Edit group view\" onClick={() => setMode(\"edit\")}>\r\n                                        <Icon style={{ fontWeight: 400 }} iconName=\"TableComputed\" />\r\n                                    </div>\r\n                                </ViewsButton>\r\n                            );\r\n                        }\r\n                    },\r\n                    {\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        title: \"Add cargo\",\r\n                        onClick: () => {\r\n                            setEditCargo({\r\n                                id: 0,\r\n                                cargoPorts: [\r\n                                    { id: 1, reasonForCall: \"L\", portCallId: portCalls.length >= 1 && portCalls.length <= 2 ? portCalls[0].id : undefined },\r\n                                    { id: 2, reasonForCall: \"D\", portCallId: portCalls.length === 2 ? portCalls[1].id : undefined }\r\n                                ]\r\n                            });\r\n                        }\r\n                    }\r\n                ]}\r\n        >\r\n            {cargo.length === 0\r\n                ?\r\n                <NoData>\r\n                    Add cargo by clicking the plus icon\r\n                </NoData>\r\n                :\r\n                <>\r\n                    {mode === \"default\" &&\r\n                        <DefaultCargoView onClick={c => setEditCargo(c)} />\r\n                    }\r\n                    {\r\n                        mode === \"grouped\" &&\r\n                        <div>\r\n                            Grouped\r\n                        </div>\r\n                    }\r\n                    {\r\n                        mode === \"edit\" &&\r\n                        <GroupEditView onClick={c => setEditCargo(c)} />\r\n                    }\r\n                </>\r\n            }\r\n            <Panel\r\n                c={editCargo}\r\n                dismiss={refresh => {\r\n                    setEditCargo(undefined);\r\n                    if (refresh) {\r\n                        mutateCargo();\r\n                    }\r\n                }}\r\n            />\r\n        </Card >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useVoyageProvider } from \"../../../../../contextHooks/VoyageContext\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useVoyageFunctions } from \"../../../../../hooks/useVoyageFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-size: 14px;\r\n    display: flex;\r\n    background-color: white;\r\n    padding: 20px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px 4px 4px 0;\r\n    border-left: unset;\r\n    font-family: Roboto;\r\n\r\n    >div {\r\n        >div:first-child {\r\n            text-transform: uppercase;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n        }\r\n        >div:last-child {\r\n            font-size: 11px;\r\n        }\r\n    }\r\n\r\n    /* Duration */\r\n    >div:nth-child(2) {\r\n        flex-grow: 1;\r\n        color: #999;\r\n\r\n        >div {\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        >div {\r\n            display: flex;\r\n            justify-content: flex-end;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Header: React.FC = () => {\r\n    const { portCalls } = useVoyageProvider();\r\n    const { firstScheduledPortcall, lastScheduledPortcall } = useVoyageFunctions();\r\n    const { getDuration, getDurationString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    let first = firstScheduledPortcall(portCalls);\r\n    let last = lastScheduledPortcall(portCalls);\r\n\r\n    if (!first || !last) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {first &&\r\n                <div>\r\n                    <div>{first.port?.unLoCode}</div>\r\n                    <div>{toCapitalLetters(first.port?.name)}</div>\r\n                </div>\r\n            }\r\n            <div title={`Voyage duration - ${getDurationString(getDuration(first.scheduledArrival, last.scheduledDeparture), false, true)}`}>\r\n                <div>\r\n                    {getDurationString(getDuration(first.scheduledArrival, last.scheduledDeparture), false, true, false)}\r\n                </div>\r\n                <div>\r\n                    Duration\r\n                </div>\r\n            </div>\r\n            {last &&\r\n                <div>\r\n                    <div>{last.port?.unLoCode}</div>\r\n                    <div>{toCapitalLetters(last.port?.name)}</div>\r\n                </div>\r\n            }\r\n        </Container >\r\n    );\r\n};","import { IPortCall } from \"../interfaces/IPortCall\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\n\r\nexport const useVoyageFunctions = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const sortedPortcalls = (portCalls: IPortCall[]): IPortCall[] => {\r\n        return portCalls.slice().sort((a, b) => {\r\n            return makeDateObject(a.scheduledArrival) > makeDateObject(b.scheduledArrival) ? 1 : .1;\r\n        });\r\n    }\r\n\r\n    const firstScheduledPortcall = (portCalls: IPortCall[]): IPortCall | undefined => {\r\n        let sorted = sortedPortcalls(portCalls);\r\n\r\n        return sorted.length > 0\r\n            ? sorted[0]\r\n            : undefined;\r\n    }\r\n\r\n    const lastScheduledPortcall = (portCalls: IPortCall[]): IPortCall | undefined => {\r\n        let sorted = sortedPortcalls(portCalls);\r\n\r\n        return sorted.length > 0\r\n            ? sorted.reverse()[0]\r\n            : undefined;\r\n    }\r\n\r\n    return { firstScheduledPortcall, lastScheduledPortcall };\r\n};","import { faStopwatch, faWater } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background: radial-gradient(at 48% 0, #4177bf, transparent 70%);\r\n    background-size: 100% 5px;\r\n    background-repeat: no-repeat;\r\n    position: relative;\r\n    border-bottom: 1px dashed rgb(65 119 191 / 40%);\r\n`;\r\n\r\nconst Background = styled.div`\r\n    position: absolute;\r\n    height: 100%;\r\n    width: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    background: linear-gradient(90deg, rgb(65 119 191 / 5%) 90%, transparent 100%);\r\n`;\r\n\r\nconst Dot = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    >div {\r\n        border: 2px solid #4177bf;\r\n        border-top: unset;\r\n        background-color: rgb(225 225 225 / 50%);\r\n        width: 16px;\r\n        height: 8px;\r\n        border-radius: 0 0 16px 16px;\r\n    }\r\n`;\r\n\r\nconst Main = styled.div<{ isError: boolean }>`\r\n    height: 70px;\r\n    display: grid;\r\n    grid-template-columns: 1fr 50px 1fr;\r\n\r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        justify-content: flex-end;\r\n\r\n        >div {\r\n            display: flex;\r\n            padding: 3px 5px;\r\n            border-radius: 4px;\r\n            color: white;\r\n            border: ${_ => _.isError ? \"5px #ffb3b3 solid\" : undefined};\r\n            background-color: ${_ => _.isError ? \"#ff2e2e\" : \"#4177bf\"};\r\n\r\n            >div:first-child {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        color: #4177bf;\r\n        \r\n        >div:first-child {\r\n            font-size: 22px;\r\n            margin-right: 15px;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-weight: 700;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Line = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n\r\n    >div:first-child {\r\n        width: 2px;\r\n        height: 100%;\r\n        background-color:#4177bf;\r\n    }\r\n`;\r\n\r\nconst BottomShadow = styled.div`\r\n    height: 4px;\r\n    position: absolute;\r\n    width: 100%;\r\n    bottom: 0;\r\n    background: radial-gradient(at bottom, #4177bf, transparent 40%);\r\n`;\r\n//#endregion\r\n\r\nexport const AtSea: React.FC<{ from: Date, to?: Date }> = ({ from, to }) => {\r\n    const { getDuration, getDurationString } = useDateFunctions();\r\n    const [duration, setDuration] = useState(0);\r\n\r\n    useEffect(() => {\r\n        setDuration(getDuration(from, to));\r\n    }, [from, to])\r\n\r\n    return (\r\n        <Container title={`Time at sea - ${getDurationString(getDuration(from, to), false, true)}`}>\r\n            <Background />\r\n            <Dot>\r\n                <div />\r\n            </Dot>\r\n            <Main isError={duration < 0}>\r\n                <div>\r\n                    <div>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faStopwatch} />\r\n                        </div>\r\n                        <div>\r\n                            {getDurationString(duration, false, true, false)}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <Line>\r\n                    <div />\r\n                </Line>\r\n                <div>\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faWater} />\r\n                    </div>\r\n                    <div>\r\n                        At sea\r\n                    </div>\r\n                </div>\r\n            </Main>\r\n            <BottomShadow />\r\n        </Container >\r\n    );\r\n};","import { faAnchor, faStop, faStopwatch } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { DateString } from \"../../../../../blocks/dateString/DateString\";\r\nimport { useVoyageProvider } from \"../../../../../contextHooks/VoyageContext\";\r\nimport { usePortCallFunctions } from \"../../../../../globalHooks/usePortCallFunctions\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IPortCall } from \"../../../../../interfaces/IPortCall\";\r\nimport { PortCallStatus } from \"../../../../../_enums/PortCallStatus\";\r\nimport { AtSea } from \"./AtSea\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-size: 12px;\r\n    font-family: Roboto;\r\n`;\r\n\r\nconst PortCallContainer = styled.div`\r\n    position: relative;\r\n`;\r\n\r\nconst MainLine = styled.div<{ isLast?: boolean }>`\r\n    position: absolute;\r\n    height: calc(100% - ${_ => _.isLast ? \"50px\" : \"40px\"});\r\n    border-left: 2px dashed #ccc;\r\n    top: 30px;\r\n    left: calc(50% - 1px);\r\n`;\r\n\r\nconst StartLine = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    >div {\r\n        width: 2px;\r\n        height: 20px;\r\n        background-color: #ccc;\r\n    }\r\n`;\r\n\r\nconst Arrival = styled.div`\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns: 1fr 50px 1fr;\r\n\r\n    >div {\r\n        overflow-x: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    /* Dot */\r\n    >div:nth-child(2) {\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        >div {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            height: 30px;\r\n            width: 30px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n    }\r\n\r\n    .vsph-link {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        padding-right: 5px;\r\n\r\n        >span {\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            overflow-x: hidden;\r\n\r\n            >span:first-child {\r\n                cursor: pointer;\r\n\r\n                :hover {\r\n                    color: #4177bf;\r\n                }\r\n            }\r\n\r\n            >span:last-child {\r\n                padding-left: 5px;\r\n                font-weight: 500;\r\n                color: #bbb;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst PortCallBody = styled.div<{ isActive: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: 1fr 50px 1fr;\r\n\r\n    >div:first-child {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        align-items: center;\r\n\r\n        >div {\r\n            display: flex;\r\n            background-color: #f8f8f8;\r\n            padding: 3px 5px;\r\n            border-radius: 4px;\r\n            border: ${_ => _.isActive ? \"4px solid #65ab5c\" : \"1px solid #ccc\"};\r\n            animation: ${_ => _.isActive ? \"blinkDurationBorder 4s infinite\" : \"\"};\r\n\r\n            >div:first-child {\r\n                margin-right: 5px;\r\n            }\r\n            \r\n            @keyframes blinkDurationBorder {\r\n                0% {\r\n                    border-color: transparent;\r\n                }\r\n                20% {\r\n                    border-color: #65ab5c;\r\n                }\r\n                80% {\r\n                    border-color: #65ab5c;\r\n                }\r\n                100% {\r\n                    border-color: transparent;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Info = styled.div`\r\n    padding: 20px 0;\r\n\r\n    >div {\r\n        width: fit-content;\r\n        background-color: #f8f8f8;\r\n        border: 1px solid #ddd;\r\n        border-radius: 4px;\r\n\r\n        >div {\r\n            padding: 15px;\r\n        }\r\n\r\n        .vps-header {\r\n            font-weight: 900;\r\n            padding-top: 10px;\r\n            padding-bottom: 2px;\r\n\r\n            :first-child {\r\n                padding-top: 0;\r\n            }\r\n        }\r\n\r\n        .vps-cargo {\r\n            .vps-cargo-port {\r\n                display: grid;\r\n                grid-template-columns: 1fr auto;\r\n                grid-gap: 8px;\r\n                padding-top: 4px;\r\n\r\n                >div {\r\n                    white-space: nowrap;\r\n                    overflow-x: hidden;\r\n                    text-overflow: ellipsis;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Departure = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 1fr 50px 1fr;\r\n    position: relative;\r\n\r\n    >div {\r\n        overflow-x: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        display: flex;\r\n        align-items: center;\r\n        padding-bottom: 20px;\r\n    }\r\n\r\n    >div:first-child {\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    /* Icon */\r\n    >div:nth-child(2) {\r\n        justify-content: center;\r\n\r\n        >div {\r\n            width: fit-content;\r\n            background-color: #f1f1f1;\r\n            padding: 2px;\r\n            color: #888;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        >span {\r\n            color: #999;\r\n            font-size: 16px;\r\n            font-weight: 700;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n            overflow-x: hidden;        \r\n        }\r\n    }\r\n`;\r\n\r\nconst EndDot = styled.div<{ isLast?: boolean }>`\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    >div {\r\n        width: 16px;\r\n        height: ${_ => _.isLast ? \"16px\" : \"8px\"};\r\n        border: 2px solid #aaa;\r\n        \r\n        background-color: #e1e1e1;\r\n        border-radius: ${_ => _.isLast ? \"20px\" : \"16px 16px 0 0\"};\r\n        \r\n        border-bottom: ${_ => _.isLast ? undefined : \"unset\"};\r\n\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;        \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageSummaryPortcall: React.FC<{ sequence: number, portCall: IPortCall, isFirst?: boolean, isLast?: boolean }> = ({ sequence, portCall, isFirst, isLast }) => {\r\n    const { sortedPortcalls, cargo } = useVoyageProvider();\r\n    const { getStatus } = usePortCallFunctions();\r\n    const { getDuration, getDurationString, resolveTimeZone } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const tz = resolveTimeZone(portCall.port?.timeZone);\r\n    const history = useNavigate();\r\n\r\n    const getStatusColor = () => {\r\n        switch (status) {\r\n            case PortCallStatus.Active:\r\n                return \"#e8fbe8\";\r\n            case PortCallStatus.Finished:\r\n                return \"#e8fbe8\";\r\n            case PortCallStatus.Late:\r\n                return \"#ffcece\";\r\n            default:\r\n                return \"white\";\r\n        }\r\n    }\r\n\r\n    let status = getStatus(portCall);\r\n    let loading = cargo.filter(_ => _.cargoPorts?.find(cp => cp.portCallId === portCall.id && cp.reasonForCall === \"L\"));\r\n    let discharging = cargo.filter(_ => _.cargoPorts?.find(cp => cp.portCallId === portCall.id && cp.reasonForCall === \"D\"));\r\n\r\n    return (\r\n        <Container>\r\n            <PortCallContainer>\r\n                <MainLine isLast={isLast} />\r\n                {!isFirst &&\r\n                    <StartLine>\r\n                        <div />\r\n                    </StartLine>\r\n                }\r\n                <Arrival>\r\n                    <div style={{ textDecoration: portCall.inActive ? \"line-through\" : undefined }}>\r\n                        <DateString title={tz} date={portCall.scheduledArrival} timeZone={tz} short />\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faAnchor} />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"vsph-link\" style={{ textDecoration: portCall.inActive ? \"line-through\" : undefined }}>\r\n                        <span>\r\n                            <span title=\"Go to portcall\" onClick={() => history(`/portCalls/${portCall.id}`)}>\r\n                                {sequence}. {toCapitalLetters(portCall.port?.name)}\r\n                            </span>\r\n                            <span title={`${portCall.port?.country} (${portCall.port?.unLoCode})`}>\r\n                                {portCall.port?.unLoCode}\r\n                            </span>\r\n                        </span>\r\n                    </div>\r\n                </Arrival>\r\n                <PortCallBody isActive={status === PortCallStatus.Active}>\r\n                    <div>\r\n                        <div\r\n                            title={`Time in port - ${getDurationString(getDuration(portCall.scheduledArrival, portCall.scheduledDeparture), false, true)}. Status: ${PortCallStatus[status]}`}\r\n                            style={{ backgroundColor: getStatusColor() }}\r\n                        >\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faStopwatch} />\r\n                            </div>\r\n                            <div>\r\n                                {getDurationString(getDuration(portCall.scheduledArrival, portCall.scheduledDeparture), false, true, false)}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div />\r\n                    <Info>\r\n                        <div>\r\n                            {(loading.length > 0 || discharging.length > 0)\r\n                                ?\r\n                                <div>\r\n                                    {loading.length > 0 &&\r\n                                        <>\r\n                                            <div className=\"vps-header\">Loading</div>\r\n                                            {loading.map(c => {\r\n                                                let cps = c.cargoPorts?.filter(_ => _.portCallId === portCall.id);\r\n                                                return (\r\n                                                    <div className=\"vps-cargo\" key={`VpsCargoLoad_${c.id}`}>\r\n                                                        {cps?.map(cp => {\r\n                                                            return (\r\n                                                                <div key={`CargoPortDeatilLoad_${cp.id}`} className=\"vps-cargo-port\" title={`${c.commodity?.name} ${cp.quantity?.toLocaleString()} ${c.measurement?.name})`}>\r\n                                                                    <div>\r\n                                                                        {c.commodity?.name}\r\n                                                                    </div>\r\n                                                                    <div>\r\n                                                                        {cp.quantity?.toLocaleString()} {c.measurement?.name}\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            );\r\n                                                        })}\r\n                                                    </div>\r\n                                                );\r\n\r\n                                            })}\r\n                                        </>\r\n                                    }\r\n                                    {discharging.length > 0 &&\r\n                                        <>\r\n                                            <div className=\"vps-header\">Discharging</div>\r\n                                            {discharging.map(c => {\r\n                                                let cps = c.cargoPorts?.filter(_ => _.portCallId === portCall.id);\r\n                                                return (\r\n                                                    <div className=\"vps-cargo\" key={`VpsCargoDischarge_${c.id}`}>\r\n                                                        {cps?.map(cp => {\r\n                                                            return (\r\n                                                                <div key={`CargoPortDeatilLoad_${cp.id}`} className=\"vps-cargo-port\" title={`${c.commodity?.name} ${cp.quantity?.toLocaleString()} ${c.measurement?.name} (${c.charterer?.name})`}>\r\n                                                                    <div>\r\n                                                                        {c.commodity?.name}\r\n                                                                    </div>\r\n                                                                    <div>\r\n                                                                        {cp.quantity?.toLocaleString()} {c.measurement?.name}\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            );\r\n                                                        })}\r\n                                                    </div>\r\n                                                );\r\n\r\n                                            })}\r\n                                        </>\r\n                                    }\r\n                                </div>\r\n                                :\r\n                                <div style={{ padding: \"15px\" }}>\r\n                                    No cargo operations\r\n                                </div>\r\n                            }\r\n                        </div>\r\n                    </Info>\r\n                </PortCallBody>\r\n                <Departure>\r\n                    <div style={{ textDecoration: portCall.inActive ? \"line-through\" : undefined }}>\r\n                        <DateString title={tz} date={portCall.scheduledDeparture} timeZone={tz} short />\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faStop} />\r\n                        </div>\r\n                    </div>\r\n                    <div style={{ textDecoration: portCall.inActive ? \"line-through\" : undefined }}>\r\n                        <span>Dep.&nbsp;</span>\r\n                        <span>{toCapitalLetters(portCall.port?.name)}</span>\r\n                    </div>\r\n                </Departure>\r\n                <EndDot isLast={isLast}>\r\n                    <div />\r\n                </EndDot>\r\n            </PortCallContainer>\r\n            {!isLast &&\r\n                <AtSea\r\n                    from={portCall.scheduledDeparture}\r\n                    to={sortedPortcalls.find(_ => _.scheduledArrival > portCall.scheduledArrival)?.scheduledArrival}\r\n                />\r\n            }\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useVoyageProvider } from \"../../../../contextHooks/VoyageContext\";\r\nimport { Header } from \"./components/Header\";\r\nimport { VoyageSummaryPortcall } from \"./components/VoyageSummaryPortcall\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background: linear-gradient(90deg, #f5f5f5 0%, #f1f1f1 46%, #f1f1f1 100%);\r\n    border-radius: 0 0 0 4px;\r\n    position: relative;\r\n\r\n    >div:last-child {\r\n        background: radial-gradient(at 0 50%, #ddd, transparent 65%);\r\n        background-size: 5px 100%;\r\n        background-repeat: no-repeat;\r\n\r\n        >div:first-child {\r\n            margin-bottom: 20px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst BallastPortCall = styled.div`\r\n    position: absolute;\r\n    top: -60px;\r\n    width: 100%;\r\n\r\n    .top, .bottom {\r\n        height: 15px;\r\n    }\r\n\r\n    .middle {\r\n        display: grid;\r\n        grid-template-columns: 1fr 30px 1fr;\r\n        gap: 10px;\r\n\r\n        >div {\r\n            padding-top: 7px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        >div:first-child {\r\n            text-align: right;\r\n            font-weight: 400;\r\n        }\r\n\r\n        >div:nth-child(2) {\r\n            padding-top: 0;\r\n            font-weight: 500;\r\n            background-color: #32ad5b;\r\n            color: white;\r\n            border-radius: 50%;\r\n            height: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 14px;\r\n        }\r\n\r\n        >div:last-child {\r\n            overflow-x: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n\r\n            >span:last-child {\r\n                margin-left: 6px;\r\n                color: #bbb;\r\n            }\r\n        }\r\n    }\r\n\r\n    .bottom {\r\n        display: flex;\r\n        justify-content: center;\r\n\r\n        >div {\r\n            width: 2px;\r\n            transform: translateX(30%);\r\n            border-left: 2px dotted #ccc;\r\n        }\r\n    }\r\n\r\n    .link {\r\n        :hover {\r\n            cursor: pointer;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Timeline: React.FC = () => {\r\n    const { voyage, sortedPortcalls } = useVoyageProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    return (\r\n        <Container>\r\n            {voyage.ballastPortCall &&\r\n                <BallastPortCall title=\"Ballast port\">\r\n                    <div className=\"top\" />\r\n                    <div className=\"middle\">\r\n                        <div>\r\n                            <DateString title={resolveTimeZone(voyage.ballastPortCall.port?.name)} date={voyage.ballastPortCall.scheduledDeparture} timeZone={resolveTimeZone(voyage.ballastPortCall.port?.timeZone)} short />\r\n                        </div>\r\n                        <div>\r\n                            B\r\n                        </div>\r\n                        <div>\r\n                            <span className=\"link\" onClick={() => history(`/portcalls/${voyage.ballastPortCall?.id}`)} title=\"Go to ballast portcall\">\r\n                                Dep. {toCapitalLetters(voyage.ballastPortCall.port?.name)}\r\n                            </span>\r\n                            <span>\r\n                                {voyage.ballastPortCall.port?.unLoCode}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"bottom\">\r\n                        <div />\r\n                    </div>\r\n                </BallastPortCall>\r\n            }\r\n            <div>\r\n                <Header />\r\n                {sortedPortcalls.map((pc, i) => {\r\n                    return (\r\n                        <VoyageSummaryPortcall\r\n                            key={`VoyagePortCallSummary_${pc.id}`}\r\n                            sequence={i + 1}\r\n                            portCall={pc}\r\n                            isFirst={i === 0}\r\n                            isLast={i === sortedPortcalls.length - 1}\r\n                        />\r\n                    );\r\n                })}\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePicker, Icon, IDatePicker } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ padding?: string }>`\r\n    position: relative;\r\n    height: 100%;\r\n\r\n    .picker {\r\n        display: grid;\r\n        grid-template-columns: 1fr max-content;\r\n        column-gap: 10px;\r\n        height: inherit;\r\n        cursor: pointer;\r\n        align-items: center;\r\n        padding: ${_ => _.padding ? _.padding : \"0 16px\"};\r\n\r\n        .icon {\r\n            padding-top: 4px;\r\n        }\r\n    }\r\n\r\n    .hidden-picker {\r\n        position: absolute;\r\n        bottom: 0;\r\n        visibility: hidden;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IDateTimePickerProps {\r\n    date?: Date\r\n    timeZone?: string\r\n    onChange: (date: Date) => void\r\n    minDate?: Date\r\n    padding?: string\r\n    title?: string\r\n    hideIcon?: boolean\r\n    format?: string\r\n}\r\n\r\nexport const DateTimePickerClean: FC<IDateTimePickerProps> = ({ date, timeZone, padding, minDate, title, hideIcon, format, onChange }) => {\r\n    const { makeDateObject: md } = useDateFunctions();\r\n    const [localDate, setLocalDate] = useState<DateTime | undefined>();\r\n    let datePickerRef: IDatePicker | null;\r\n\r\n    const updateDate = (_: Date) => {\r\n        let newDate = DateTime.fromObject({\r\n            year: _.getFullYear(),\r\n            month: _.getMonth() + 1,\r\n            day: _.getDate(),\r\n            hour: localDate?.hour,\r\n            minute: localDate?.minute\r\n        }, {\r\n            zone: timeZone\r\n        });\r\n\r\n        onChange(newDate.toJSDate());\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (date) {\r\n            let d = DateTime.fromJSDate(new Date(date), {\r\n                zone: timeZone\r\n            });\r\n            setLocalDate(d);\r\n        }\r\n        else {\r\n            setLocalDate(undefined);\r\n        }\r\n    }, [date, timeZone])\r\n\r\n    return (\r\n        <Container padding={padding}>\r\n            <div className=\"picker\" onClick={() => datePickerRef?.showDatePickerPopup()} title={title}>\r\n                <div className=\"display\">\r\n                    {date && md(date, timeZone).toFormat(format ?? \"ccc. dd MMM. yyyy\")}\r\n                </div>\r\n                {!hideIcon &&\r\n                    <div className=\"icon\">\r\n                        <Icon iconName=\"calendar\" />\r\n                    </div>\r\n                }\r\n            </div>\r\n            <div className=\"hidden-picker\">\r\n                <DatePicker\r\n                    minDate={minDate}\r\n                    value={localDate ? localDate.toJSDate() : new Date()}\r\n                    componentRef={_ => datePickerRef = _}\r\n                    onSelectDate={_ => {\r\n                        if (!_) {\r\n                            return;\r\n                        }\r\n                        updateDate(_);\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ICreatePortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { Callout, Checkbox, DirectionalHint, Dropdown, IStyleFunctionOrObject, ITextFieldStyleProps, ITextFieldStyles, TextField } from \"@fluentui/react\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\nimport { ICreateVoyageWithPortCallsAndCargo } from \"../../../../interfaces/IVoyage\";\r\nimport { ICreateCargo } from \"../../../../interfaces/ICargo\";\r\nimport { ICreateCargoPort } from \"../../../../interfaces/ICargoPort\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { useArrayFunctions } from \"../../../../globalHooks/useArrayFunctions\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    padding: 16px 16px 0;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    cursor: pointer;\r\n\r\n    .portcall {\r\n        padding-right: 10px;\r\n\r\n        >span:first-child {\r\n            color: #ccc;\r\n            font-weight: 700;\r\n            padding-right: 3px;\r\n        }\r\n    }\r\n\r\n    .portcall:last-child {\r\n        padding-right: 0;\r\n    }\r\n\r\n    .no-cargo-ports {\r\n        color: #ddd;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CargoPortPicker: FC<{ voyage: ICreateVoyageWithPortCallsAndCargo, cargo: ICreateCargo, onChange: (cargoPorts: ICreateCargoPort[]) => void }> = ({ voyage, cargo, onChange }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject: md } = useDateFunctions();\r\n    const [open, { toggle: toggleOpen }] = useBoolean(false);\r\n\r\n    const containerId = useId(`cargo-port-picker-container_${cargo.id}`);\r\n    const selectedCargoPorts: ICreateCargoPort[] = voyage.cargoPorts ? voyage.cargoPorts.filter(_ => _.cargo?.id === cargo.id) : [];\r\n\r\n    return (\r\n        <>\r\n            <Container id={containerId} onClick={toggleOpen} title=\"Click to edit cargo ports\">\r\n                {selectedCargoPorts.length === 0\r\n                    ?\r\n                    <span className=\"no-cargo-ports\">No cargo ports</span>\r\n                    :\r\n                    <>\r\n                        {selectedCargoPorts.slice().sort((a, b) => {\r\n                            let pcA = voyage?.portCalls?.find(_ => _.id === a.portCall?.id);\r\n                            let pcB = voyage?.portCalls?.find(_ => _.id === b.portCall?.id);\r\n\r\n                            if (pcA && pcB) {\r\n                                return md(pcA.scheduledArrival!) > md(pcB.scheduledArrival!) ? 1 : -1;\r\n                            }\r\n\r\n                            return -1;\r\n                        }).map(cp => {\r\n                            let pc = voyage.portCalls?.find(_ => _.id === cp.portCall?.id);\r\n                            return (\r\n                                <span key={`CargoPortPickerPortCallLabel_${pc?.id}`} className=\"portcall\">\r\n                                    <span>\r\n                                        {cp.reasonForCall === undefined ? \"?\" : cp.reasonForCall?.id === 3 ? \"L\" : \"D\"}\r\n                                    </span>\r\n                                    <span>\r\n                                        {pc?.port ? toCapitalLetters(pc.port.name) : \"Unknown\"}\r\n                                    </span>\r\n                                </span>\r\n                            );\r\n                        })}\r\n                    </>\r\n                }\r\n            </Container>\r\n            {open &&\r\n                <Callout\r\n                    gapSpace={-26}\r\n                    target={`#${containerId}`}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                    onDismiss={toggleOpen}\r\n                >\r\n                    {voyage.portCalls?.map(pc => {\r\n                        return (\r\n                            <CargoPort\r\n                                key={`CargoPortPickerPortCall_${pc.id}`}\r\n                                voyage={voyage}\r\n                                pc={pc}\r\n                                cargo={cargo}\r\n                                onChange={onChange}\r\n                            />\r\n                        );\r\n\r\n                    })}\r\n                </Callout>\r\n            }\r\n        </>\r\n    );\r\n};\r\n\r\n//#region Styled Components\r\nconst CargoPortContainer = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 75px repeat(5, 150px);\r\n    border-bottom: 1px solid #eee;\r\n\r\n    >div {\r\n        border-left: 1px solid #eee;\r\n    }\r\n\r\n    >div:first-child {\r\n        padding: 16px 0 16px 30px;\r\n    }\r\n\r\n    .port {\r\n        padding: 9px 16px 0;\r\n\r\n        >div {\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        >div:last-child {\r\n            font-size: 10px;\r\n            color: #aaa;\r\n        }\r\n    }\r\n\r\n    :last-child {\r\n        border-bottom: none;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nconst CargoPort: FC<{ voyage: ICreateVoyageWithPortCallsAndCargo, pc: ICreatePortCall, cargo: ICreateCargo, onChange: (cargoPorts: ICreateCargoPort[]) => void }> = ({ voyage, pc, cargo, onChange }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const { getNextId } = useArrayFunctions();\r\n    const cp = voyage.cargoPorts?.find(_ => _.cargo?.id === cargo.id && _.portCall?.id === pc.id);\r\n    const cargoPorts = voyage.cargoPorts ? voyage.cargoPorts : [];\r\n\r\n    const updateCargoPort = (_cp: ICreateCargoPort) => {\r\n        let _cargoPorts = [...voyage.cargoPorts!.filter(_ => _.id !== _cp.id), _cp];\r\n        onChange(_cargoPorts);\r\n    }\r\n\r\n    const txtStyles: IStyleFunctionOrObject<ITextFieldStyleProps, ITextFieldStyles> = {\r\n        field: {\r\n            textAlign: \"right\",\r\n            height: \"unset\",\r\n            padding: \"16px 16px 17px\",\r\n            \"::placeholder\": {\r\n                color: \"#bbb\"\r\n            }\r\n        },\r\n        fieldGroup: {\r\n            height: \"unset\",\r\n            overflow: \"hidden\"\r\n        }\r\n    }\r\n\r\n    return (\r\n        <CargoPortContainer>\r\n            <div>\r\n                <Checkbox\r\n                    checked={cp ? true : false}\r\n                    onChange={(ev, checked) => {\r\n                        if (checked) {\r\n                            onChange([...cargoPorts, {\r\n                                id: getNextId(cargoPorts),\r\n                                cargo: { id: cargo.id },\r\n                                portCall: { id: pc.id },\r\n                            }]);\r\n                        }\r\n                        else {\r\n                            onChange([...cargoPorts.filter(_ => _.id !== cp?.id)]);\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            <div className=\"port\">\r\n                <div>\r\n                    {pc?.port ? toCapitalLetters(pc.port.name) : \"Unknown\"}\r\n                </div>\r\n                <div>\r\n                    ETA {toDateString(pc.scheduledArrival, pc.port?.timeZone, true)}\r\n                </div>\r\n            </div>\r\n            <div>\r\n                <Dropdown\r\n                    key={`ReasonForCall_${cp?.id}`}\r\n                    placeholder=\"Reason for call\"\r\n                    disabled={!cp}\r\n                    selectedKey={cp?.reasonForCall?.id}\r\n                    options={[\r\n                        {\r\n                            key: 3,\r\n                            text: \"Loading\",\r\n                            data: {\r\n                                id: 3,\r\n                                name: \"Loading\",\r\n                                code: \"L\"\r\n                            }\r\n                        },\r\n                        {\r\n                            key: 2,\r\n                            text: \"Discharging\",\r\n                            data: {\r\n                                id: 2,\r\n                                name: \"Discharging\",\r\n                                code: \"D\"\r\n                            }\r\n                        }\r\n                    ]}\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.data) {\r\n                            updateCargoPort({\r\n                                ...cp,\r\n                                reasonForCall: v.data\r\n                            });\r\n                        }\r\n                    }}\r\n                    styles={{\r\n                        dropdown: {\r\n                            \":after\": {\r\n                                border: \"none !important\"\r\n                            },\r\n                        },\r\n                        title: {\r\n                            padding: \"11px 18px\",\r\n                            height: \"unset\",\r\n                            border: \"none\"\r\n                        },\r\n                        caretDownWrapper: {\r\n                            top: \"10px\",\r\n                            right: \"16px\"\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            <div>\r\n                <TextField\r\n                    autoComplete=\"off\"\r\n                    borderless\r\n                    placeholder=\"Laytime terms\"\r\n                    title=\"Laytime terms\"\r\n                    disabled={!cp}\r\n                    styles={{\r\n                        ...txtStyles,\r\n                        field: {\r\n                            textAlign: \"left\",\r\n                            height: \"unset\",\r\n                            padding: \"16px 16px 17px\",\r\n                            \"::placeholder\": {\r\n                                color: \"#bbb\"\r\n                            }\r\n                        }\r\n                    }}\r\n                    value={cp?.laytimeTerm}\r\n                    onChange={(ev, v) => {\r\n                        updateCargoPort({\r\n                            ...cp,\r\n                            laytimeTerm: v\r\n                        });\r\n                    }}\r\n                />\r\n            </div>\r\n            <div>\r\n                <AppNumericTextField\r\n                    autoComplete=\"off\"\r\n                    borderless\r\n                    placeholder=\"Allowed laytime in minutes\"\r\n                    wholeNumbersOnly\r\n                    title=\"Allowed laytime in minutes\"\r\n                    disabled={!cp}\r\n                    styles={txtStyles}\r\n                    value={cp?.laytimeAllowedMinutes ? cp.laytimeAllowedMinutes.toString() : \"\"}\r\n                    onChange={(ev, v) => {\r\n                        if (v !== undefined) {\r\n                            updateCargoPort({\r\n                                ...cp,\r\n                                laytimeAllowedMinutes: Number(v.replaceAll(\",\", \".\"))\r\n                            });\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            <div>\r\n                <AppNumericTextField\r\n                    autoComplete=\"off\"\r\n                    borderless\r\n                    placeholder=\"Quantity\"\r\n                    title=\"Quantity\"\r\n                    disabled={!cp}\r\n                    styles={txtStyles}\r\n                    value={cp?.quantity ? cp.quantity.toFixed(3) : \"\"}\r\n                    suffix={cargo.measurement?.name}\r\n                    onChange={(ev, v) => {\r\n                        if (v !== undefined) {\r\n                            updateCargoPort({\r\n                                ...cp,\r\n                                quantity: Number(v.replaceAll(\",\", \".\"))\r\n                            });\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        </CargoPortContainer>\r\n    );\r\n}","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ICreatePortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { Callout, Checkbox, DirectionalHint } from \"@fluentui/react\";\r\nimport { ICreateVoyageWithPortCallsAndCargo } from \"../../../../interfaces/IVoyage\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { IReasonForCall } from \"../../../../interfaces/IReasonForCall\";\r\nimport { useReasonForCalls } from \"../../../../api/hooks/useReasonForCalls\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    padding: 16px 16px 0;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    cursor: pointer;\r\n\r\n    .no-reason-for-calls {\r\n        color: #ddd;\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    max-height: 400px;\r\n    overflow-y: auto;\r\n    padding: 10px 0;\r\n`;\r\n//#endregion\r\n\r\nexport const RfcPicker: FC<{ voyage: ICreateVoyageWithPortCallsAndCargo, portCall: ICreatePortCall, onChange: (reasonForCalls: IReasonForCall[]) => void }> = ({ voyage, portCall, onChange }) => {\r\n    const { rfcs } = useReasonForCalls();\r\n    const [open, { toggle: toggleOpen }] = useBoolean(false);\r\n    const [reasonForCalls, setReasonForCalls] = useState<IReasonForCall[]>([]);\r\n    const containerId = useId(`rfc-picker-container_${portCall.id}`);\r\n\r\n    useEffect(() => {\r\n        if (rfcs) {\r\n            setReasonForCalls([\r\n                ...rfcs.filter(_ => _.id === 3),\r\n                ...rfcs.filter(_ => _.id === 2),\r\n                ...rfcs.filter(_ => _.id !== 2 && _.id !== 3)\r\n            ]);\r\n        }\r\n    }, [rfcs])\r\n\r\n    return (\r\n        <>\r\n            <Container id={containerId} onClick={toggleOpen} title=\"Click to edit reason for calls\">\r\n                {portCall.reasonForCalls && portCall.reasonForCalls.length > 0\r\n                    ? <span>({portCall.reasonForCalls.length}) {portCall.reasonForCalls.map(rfc => rfc.name).join(\", \")}</span>\r\n                    : <span className=\"no-reason-for-calls\">None</span>\r\n                }\r\n            </Container>\r\n            {open &&\r\n                <Callout\r\n                    gapSpace={-26}\r\n                    target={`#${containerId}`}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                    onDismiss={toggleOpen}\r\n                >\r\n                    <CalloutBody>\r\n                        {reasonForCalls.map(rfc => {\r\n                            return (\r\n                                <ReasonForCall\r\n                                    key={`ReasonForCall_${rfc.id}`}\r\n                                    voyage={voyage}\r\n                                    checked={portCall.reasonForCalls?.find(_ => _.id === rfc.id) ? true : false}\r\n                                    rfc={rfc}\r\n                                    onChange={checked => {\r\n                                        let _rfcs = portCall.reasonForCalls ? [...portCall.reasonForCalls.filter(_ => _.id !== rfc.id)] : [];\r\n                                        if (checked) {\r\n                                            _rfcs.push(rfc);\r\n                                        }\r\n                                        onChange(_rfcs);\r\n                                    }}\r\n                                />\r\n                            );\r\n                        })}\r\n                    </CalloutBody>\r\n                </Callout>\r\n            }\r\n        </>\r\n    );\r\n};\r\n\r\n//#region Styled Components\r\nconst RfcContainer = styled.div`\r\n    padding: 8px 20px;\r\n\r\n    .rfc-divider {\r\n        margin: 16px -20px 0px;\r\n        border-top: 1px solid #ddd;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nconst ReasonForCall: FC<{ voyage: ICreateVoyageWithPortCallsAndCargo, checked: boolean, rfc: IReasonForCall, onChange: (checked: boolean) => void }> = ({ checked, rfc, onChange }) => {\r\n    return (\r\n        <RfcContainer>\r\n            <Checkbox\r\n                label={rfc.name}\r\n                checked={checked}\r\n                onChange={(ev, checked) => {\r\n                    onChange(checked ? true : false);\r\n                }}\r\n                styles={{\r\n                    label: {\r\n                        fontWeight: rfc.id === 2 || rfc.id === 3 ? 700 : undefined\r\n                    }\r\n                }}\r\n            />\r\n            {rfc.id === 2 &&\r\n                <div className=\"rfc-divider\" />\r\n            }\r\n        </RfcContainer>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\nimport { faCopy, faPlus, faRedo, faRefresh, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useVoyageProvider } from \"../../../../contextHooks/VoyageContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { ICreatePortCall, IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DateTimePicker } from \"../../../../blocks/dateTimePicker/DateTimePicker\";\r\nimport { IPort } from \"../../../../interfaces/IPort\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { AppSearchBox } from \"../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\nimport { IVessel } from \"../../../../interfaces/IVessel\";\r\nimport { ICreateVoyageWithPortCallsAndCargo } from \"../../../../interfaces/IVoyage\";\r\nimport { ICreateCargo } from \"../../../../interfaces/ICargo\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { useArrayFunctions } from \"../../../../globalHooks/useArrayFunctions\";\r\nimport { DateTimePickerClean } from \"../../../../blocks/dateTimePicker/DateTimePickerClean\";\r\nimport { TimeTextBox } from \"../../../../blocks/dateTimePicker/TimeTextBox\";\r\nimport { CargoPortPicker } from \"./CargoPortPicker\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ICommodity } from \"../../../../interfaces/ICommodity\";\r\nimport { RfcPicker } from \"./RfcPicker\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n\r\n    .flex {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        column-gap: 20px;\r\n        row-gap: 15px;\r\n\r\n        .eta-first-port {\r\n            display: grid;\r\n            grid-template-columns: 1fr max-content;\r\n            column-gap: 10px;\r\n\r\n            .update-eta-button {\r\n                background-color: #eee;\r\n                cursor: pointer;\r\n                width: 30px;\r\n                height: 30px;\r\n                border: 1px solid #bbb;\r\n                border-radius: 2px;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n\r\n                :hover {\r\n                    background-color: #ddd;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    >div {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .table {\r\n        margin: -15px -28px 30px;\r\n    }\r\n`;\r\n\r\nconst Remove = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        background-color: #f1f1f1;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CopyVoyagePanel: React.FC<{ isOpen: boolean, onClose: () => void }> = ({ isOpen, onClose }) => {\r\n    const { app } = useAppContext();\r\n    const { getNextId } = useArrayFunctions();\r\n    const { getError } = useRest();\r\n    const { voyage: tVoyage, portCalls: tPortCalls, cargo: tCargo } = useVoyageProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject: md, getDuration } = useDateFunctions();\r\n    const [voyage, setVoyage] = useState<ICreateVoyageWithPortCallsAndCargo | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [message, setMessage] = useState<string | undefined>();\r\n    const [etaFirstPort, setEtaFirstPort] = useState<Date | undefined>();\r\n    const history = useNavigate();\r\n\r\n    const updatePortCall = (pc: ICreatePortCall, property: string, value?: any) => {\r\n        let _portCalls = voyage?.portCalls ? [...voyage.portCalls.slice().filter(_ => _.id !== pc.id)] : [];\r\n\r\n        // Update the property\r\n        let _portCall = { ...pc } as any;\r\n        _portCall[property] = value;\r\n\r\n        // Add the updated port call\r\n        _portCalls.push(_portCall);\r\n\r\n        // Update sorted array\r\n        setVoyage({\r\n            ...voyage,\r\n            portCalls: _portCalls.sort((a, b) => { return md(a.scheduledArrival!) > md(b.scheduledArrival!) ? 1 : -1; })\r\n        });\r\n    }\r\n\r\n    const updateCargo = (rowId: number, data: { property: string, value?: any }[]) => {\r\n        let _cargos = [...voyage!.cargo!];\r\n        let _cargo = { ..._cargos[rowId] } as any;\r\n\r\n        data.forEach(d => {\r\n            _cargo[d.property] = d.value;\r\n        });\r\n\r\n        _cargos[rowId] = _cargo;\r\n\r\n        setVoyage({ ...voyage, cargo: _cargos });\r\n    }\r\n\r\n    const portCallColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"port\",\r\n            gridCellWidth: \"220px\",\r\n            noPadding: true,\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"16px 16px 16px 30px\"\r\n                        height=\"100%\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for port\"\r\n                        endPoint=\"ports/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={pc.port}\r\n                        maxResultsContainerHeight={`${66 * 10}px`}\r\n                        customResultTitle={(_: IPort) => {\r\n                            return (\r\n                                <>\r\n                                    <ReactCountryFlag style={{ height: '16px', width: \"16px\", padding: \"0 5px 3px 0\" }} countryCode={_.countryCode} svg />\r\n                                    <span>{toCapitalLetters(_.name)}</span>\r\n                                </>\r\n                            );\r\n                        }}\r\n                        customResultDescription={(_: IPort) => {\r\n                            return _.country + \" - \" + _.unLoCode;\r\n                        }}\r\n                        onSelected={_port => {\r\n                            updatePortCall(pc, \"port\", _port);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"agent\",\r\n            gridCellWidth: \"220px\",\r\n            noPadding: true,\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"16px\"\r\n                        height=\"100%\"\r\n                        additionalQueryParams={[\r\n                            { key: \"take\", value: 20 },\r\n                            { key: \"partnerTypes\", value: \"3\" }\r\n                        ]}\r\n                        placeHolder=\"Search for agent\"\r\n                        endPoint=\"partners/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={pc.agent}\r\n                        maxResultsContainerHeight={`${66 * 10}px`}\r\n                        onSelected={_agent => {\r\n                            updatePortCall(pc, \"agent\", _agent);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Reason for calls's\",\r\n            gridCellWidth: \"125px\",\r\n            noPadding: true,\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <RfcPicker\r\n                        voyage={voyage!}\r\n                        portCall={pc}\r\n                        onChange={rfcs => {\r\n                            updatePortCall(pc, \"reasonForCalls\", rfcs);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledArrivalDate\",\r\n            title: \"Scheduled Arrival\",\r\n            noPadding: true,\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <DateTimePickerClean\r\n                        key={`ScheduledArrivalDate_${pc.id}`}\r\n                        hideIcon\r\n                        format=\"dd MMM. yyyy\"\r\n                        date={pc.scheduledArrival}\r\n                        title={`Input dates in timezone ${pc.port?.timeZone}`}\r\n                        timeZone={pc.port?.timeZone}\r\n                        onChange={date => {\r\n                            updatePortCall(pc, \"scheduledArrival\", date);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledArrivalTime\",\r\n            title: \" \",\r\n            noPadding: true,\r\n            gridCellWidth: \"70px\",\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <TimeTextBox\r\n                        key={`ScheduledArrivalTime_${pc.id}`}\r\n                        hideIcon\r\n                        borderless\r\n                        padding=\"0 16px\"\r\n                        height=\"52px\"\r\n                        date={pc.scheduledArrival}\r\n                        timeZone={pc.port?.timeZone}\r\n                        onChange={date => {\r\n                            updatePortCall(pc, \"scheduledArrival\", date);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledDepartueDate\",\r\n            title: \"Scheduled departure\",\r\n            noPadding: true,\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <DateTimePickerClean\r\n                        key={`ScheduledDepartureDate_${pc.id}`}\r\n                        hideIcon\r\n                        format=\"dd MMM. yyyy\"\r\n                        date={pc.scheduledDeparture}\r\n                        title={`Input dates in timezone ${pc.port?.timeZone}`}\r\n                        timeZone={pc.port?.timeZone}\r\n                        onChange={date => {\r\n                            updatePortCall(pc, \"scheduledDeparture\", date);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledDepartureTime\",\r\n            title: \" \",\r\n            noPadding: true,\r\n            gridCellWidth: \"70px\",\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <TimeTextBox\r\n                        key={`ScheduledDepartureTime_${pc.id}`}\r\n                        hideIcon\r\n                        borderless\r\n                        padding=\"0 16px\"\r\n                        height=\"52px\"\r\n                        date={pc.scheduledDeparture}\r\n                        timeZone={pc.port?.timeZone}\r\n                        onChange={date => {\r\n                            updatePortCall(pc, \"scheduledDeparture\", date);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"remove\",\r\n            title: \" \",\r\n            noPadding: true,\r\n            gridCellWidth: \"70px\",\r\n            render: (pc: ICreatePortCall) => {\r\n                return (\r\n                    <Remove\r\n                        title=\"Remove port call\"\r\n                        onClick={() => {\r\n                            let _portCalls = voyage?.portCalls ? [...voyage.portCalls.slice().filter(_ => _.id !== pc.id)] : []\r\n                            let _cargoPorts = voyage?.cargoPorts ? [...voyage.cargoPorts.slice().filter(_ => _.portCall?.id !== pc.id)] : []\r\n\r\n                            setVoyage({\r\n                                ...voyage,\r\n                                portCalls: _portCalls,\r\n                                cargoPorts: _cargoPorts\r\n                            });\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const cargoColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"commodity\",\r\n            gridCellWidth: \"240px\",\r\n            noPadding: true,\r\n            render: (c: ICreateCargo, rowId) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"16px 16px 16px 30px\"\r\n                        height=\"100%\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for commodity\"\r\n                        endPoint=\"commodities/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={c.commodity}\r\n                        maxResultsContainerHeight={`${66 * 10}px`}\r\n                        onSelected={(_commodity?: ICommodity) => {\r\n                            updateCargo(rowId, [\r\n                                {\r\n                                    property: \"commodity\",\r\n                                    value: _commodity\r\n                                },\r\n                                {\r\n                                    property: \"measurement\",\r\n                                    value: _commodity?.defaultMeasurement\r\n                                }\r\n                            ]);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"measurement\",\r\n            gridCellWidth: \"120px\",\r\n            noPadding: true,\r\n            render: (c: ICreateCargo, rowId) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"16px\"\r\n                        height=\"100%\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for measurement\"\r\n                        endPoint=\"measurements/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={1}\r\n                        defaultValue={c.measurement}\r\n                        maxResultsContainerHeight={`${66 * 10}px`}\r\n                        onSelected={_measurement => {\r\n                            updateCargo(rowId, [{ property: \"measurement\", value: _measurement }]);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"charterer\",\r\n            gridCellWidth: \"240px\",\r\n            noPadding: true,\r\n            render: (c: ICreateCargo, rowId) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"16px\"\r\n                        height=\"100%\"\r\n                        additionalQueryParams={[\r\n                            { key: \"take\", value: 20 },\r\n                            { key: \"partnerTypes\", value: \"1\" }\r\n                        ]}\r\n                        placeHolder=\"Search for charterer\"\r\n                        endPoint=\"partners/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={c.charterer}\r\n                        maxResultsContainerHeight={`${66 * 10}px`}\r\n                        onSelected={_charterer => {\r\n                            updateCargo(rowId, [{ property: \"charterer\", value: _charterer }]);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"cargo ports\",\r\n            noPadding: true,\r\n            render: (c: ICreateCargo) => {\r\n                return (\r\n                    <CargoPortPicker\r\n                        voyage={voyage!}\r\n                        cargo={c}\r\n                        onChange={cargoPorts => {\r\n                            setVoyage({ ...voyage, cargoPorts });\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"remove\",\r\n            title: \" \",\r\n            noPadding: true,\r\n            gridCellWidth: \"70px\",\r\n            render: (c: ICreateCargo) => {\r\n                return (\r\n                    <Remove\r\n                        title=\"Remove cargo\"\r\n                        onClick={() => {\r\n                            let _cargos = voyage?.cargo ? [...voyage.cargo.slice().filter(_ => _.id !== c.id)] : []\r\n                            let _cargoPorts = voyage?.cargoPorts ? [...voyage.cargoPorts.slice().filter(_ => _.cargo?.id !== c.id)] : []\r\n\r\n                            setVoyage({\r\n                                ...voyage,\r\n                                cargo: _cargos,\r\n                                cargoPorts: _cargoPorts\r\n                            });\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const generateVoyageNumber = async (vesselId: number) => {\r\n        try {\r\n            let voyageNumber = await app.api.generateVoyageNumber(vesselId);\r\n            if (voyageNumber) {\r\n                return voyageNumber;\r\n            }\r\n        }\r\n        catch (error) { }\r\n    }\r\n\r\n    const formOk = () => {\r\n        let s: string[] = [];\r\n\r\n        if (!voyage) {\r\n            s.push(\"Voyage is undefined\");\r\n        }\r\n\r\n        if (!voyage?.vessel) {\r\n            s.push(\"Vessel is required\");\r\n        }\r\n\r\n        if (!voyage?.voyageNumber || voyage.voyageNumber === 0) {\r\n            s.push(\"Voyage number must be greater than zero\");\r\n        }\r\n\r\n        voyage?.portCalls?.forEach(pc => {\r\n            if (!pc.port) {\r\n                s.push(\"Port is required for all port calls\");\r\n            }\r\n\r\n            if (!pc.scheduledArrival || !pc.scheduledDeparture) {\r\n                s.push(\"Scheduled arrival and departure is required for all port calls\");\r\n            }\r\n\r\n            if (md(pc.scheduledArrival!) >= md(pc.scheduledDeparture!)) {\r\n                s.push(\"Scheduled departure must be after scheduled arrival for all port calls\")\r\n            }\r\n        });\r\n\r\n        voyage?.cargo?.forEach(c => {\r\n            if (!c.commodity) {\r\n                s.push(\"Commodity is required for all cargo\");\r\n            }\r\n\r\n            if (!c.measurement) {\r\n                s.push(\"Measurement is required for all cargo\");\r\n            }\r\n\r\n            if (!c.charterer) {\r\n                s.push(\"Charterer is required for all cargo\");\r\n            }\r\n\r\n            let cargoPorts = voyage.cargoPorts?.filter(_ => _.cargo?.id === c.id);\r\n\r\n            if (!cargoPorts || cargoPorts.length === 0) {\r\n                s.push(\"All cargo must have at least one cargo port\");\r\n            }\r\n            else {\r\n                cargoPorts.forEach(cp => {\r\n                    if (!cp.reasonForCall) {\r\n                        s.push(\"All cargo ports must have reason for call\");\r\n                    }\r\n                });\r\n            }\r\n        });\r\n\r\n        if (s.length > 0) {\r\n            setMessage(s.join(\". \"));\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    const save = async () => {\r\n        setMessage(undefined);\r\n\r\n        try {\r\n            let v = await app.api.copyVoyage(voyage!);\r\n            setSaving(false);\r\n            app.setAppMessage({ text: \"Voyage copied\" })\r\n            history(`/voyages/${v.id}/edit`);\r\n        }\r\n        catch (error: any) {\r\n            setSaving(false);\r\n            setMessage(await getError(error));\r\n        }\r\n    }\r\n\r\n    const createVoyage = async (_etaFirstPort: Date) => {\r\n        let _voyage: ICreateVoyageWithPortCallsAndCargo = {\r\n            id: tVoyage.id,\r\n            voyageNumber: await generateVoyageNumber(tVoyage.vessel.id),\r\n            vessel: { ...tVoyage.vessel },\r\n            master: tVoyage.master ? { ...tVoyage.master } : undefined,\r\n            reference: tVoyage.reference,\r\n            trade: tVoyage.trade ? { ...tVoyage.trade } : undefined,\r\n            portCalls: [],\r\n            cargo: [],\r\n            cargoPorts: []\r\n        };\r\n\r\n        // Add port calls\r\n        tPortCalls.forEach(pc => {\r\n            _voyage.portCalls?.push({\r\n                id: pc.id,\r\n                port: pc.port,\r\n                scheduledArrival: pc.scheduledArrival,\r\n                scheduledDeparture: pc.scheduledDeparture,\r\n                agent: pc.agent,\r\n                reasonForCalls: pc.reasonForCalls ? pc.reasonForCalls : []\r\n            });\r\n        });\r\n\r\n        // Add cargo\r\n        tCargo.forEach(c => {\r\n            _voyage.cargo?.push({\r\n                id: c.id,\r\n                charterer: c.charterer,\r\n                commodity: c.commodity,\r\n                freightType: c.freightType,\r\n                measurement: c.measurement,\r\n                quantity: c.quantity\r\n            });\r\n\r\n            // Add cargo ports\r\n            c.cargoPorts?.forEach(cp => {\r\n                _voyage.cargoPorts?.push({\r\n                    id: cp.id,\r\n                    cargo: { id: c.id },\r\n                    portCall: {\r\n                        id: cp.portCallId\r\n                    },\r\n                    laytimeAllowedMinutes: cp.laytimeAllowedMinutes,\r\n                    laytimeTerm: cp.laytimeTerm,\r\n                    quantity: cp.quantity,\r\n                    reasonForCall: {\r\n                        id: cp.reasonForCall === \"L\" ? 3 : 2,\r\n                        code: \"\",\r\n                        name: \"\"\r\n                    }\r\n                });\r\n            });\r\n        });\r\n\r\n        if (etaFirstPort) {\r\n            _voyage = updateTimestamps(_etaFirstPort, _voyage);\r\n        }\r\n\r\n        setVoyage(_voyage);\r\n    }\r\n\r\n    const updateTimestamps = (_etaFirstPort: Date, _voyage: ICreateVoyageWithPortCallsAndCargo) => {\r\n        let _portCalls: ICreatePortCall[] = [];\r\n\r\n        if (_voyage.portCalls) {\r\n            _voyage.portCalls.forEach((originalPc, index) => {\r\n\r\n                let pc = _voyage.portCalls![index];\r\n                let pcDuration = getDuration(originalPc.scheduledArrival, originalPc.scheduledDeparture);\r\n\r\n                if (index === 0) {\r\n                    _portCalls.push({\r\n                        ...pc,\r\n                        scheduledArrival: _etaFirstPort,\r\n                        scheduledDeparture: md(_etaFirstPort).plus(pcDuration).toJSDate()\r\n                    });\r\n                }\r\n                else {\r\n                    let previousPc = _voyage.portCalls![index - 1];\r\n                    let previousUpdatedPc = _portCalls[index - 1];\r\n\r\n                    let legDuration = getDuration(\r\n                        previousPc.scheduledDeparture,\r\n                        pc.scheduledArrival\r\n                    );\r\n\r\n                    let scheduledArrival = md(previousUpdatedPc.scheduledDeparture!).plus(legDuration).toJSDate();\r\n                    let scheduledDeparture = md(scheduledArrival).plus(pcDuration).toJSDate();\r\n\r\n                    _portCalls.push({\r\n                        ...pc,\r\n                        scheduledArrival,\r\n                        scheduledDeparture\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        _voyage = { ..._voyage, portCalls: _portCalls };\r\n\r\n        return _voyage;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            setEtaFirstPort(tPortCalls.length > 0\r\n                ? md(tPortCalls[tPortCalls.length - 1].scheduledArrival).plus({ days: 1 }).startOf(\"day\").toJSDate()\r\n                : DateTime.now().plus({ days: 1 }).startOf(\"day\").toJSDate());\r\n        }\r\n        else {\r\n            setVoyage(undefined);\r\n            setEtaFirstPort(undefined);\r\n            setMessage(undefined);\r\n        }\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (etaFirstPort && !voyage) {\r\n            createVoyage(etaFirstPort);\r\n        }\r\n    }, [etaFirstPort])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Copy voyage</span> {tVoyage.voyageNumber}</span>}\r\n            isOpen={isOpen}\r\n            working={saving}\r\n            customWidth=\"1000px\"\r\n            loading={!voyage}\r\n            panelType={PanelType.custom}\r\n            icon={<FontAwesomeIcon icon={faCopy} />}\r\n            errorMessage={message}\r\n            dismiss={()=> {\r\n                if(!saving) {\r\n                    onClose();\r\n                }\r\n            }}\r\n            footerActions={[\r\n                {\r\n                    title: \"Reset all changes\",\r\n                    icon: <FontAwesomeIcon icon={faRedo} />,\r\n                    onClick: () => {\r\n                        let _etaFirstPort = tPortCalls.length > 0\r\n                            ? md(tPortCalls[tPortCalls.length - 1].scheduledArrival).plus({ days: 1 }).startOf(\"day\").toJSDate()\r\n                            : DateTime.now().plus({ days: 1 }).startOf(\"day\").toJSDate();\r\n\r\n                        createVoyage(_etaFirstPort);\r\n                        setEtaFirstPort(_etaFirstPort);\r\n                    }\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Copy\",\r\n                    type: \"Primary\",\r\n                    onClick: () => {\r\n                        if (formOk()) {\r\n                            setSaving(true)\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: onClose\r\n                }\r\n            ]}\r\n        >\r\n            {voyage &&\r\n                <Container>\r\n                    <div className=\"flex\">\r\n                        <AppSearchBox\r\n                            required\r\n                            description=\"Vessel\"\r\n                            placeHolder=\"Search for vessel\"\r\n                            endPoint=\"vessels/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"name\"\r\n                            minLengthBeforeSearhing={2}\r\n                            maxResultsContainerHeight={`${46 * 10}px`}\r\n                            defaultValue={voyage.vessel}\r\n                            onSelected={async (v: IVessel) => {\r\n                                setVoyage({\r\n                                    ...voyage,\r\n                                    vessel: v,\r\n                                    voyageNumber: v ? await generateVoyageNumber(v.id) : undefined\r\n                                });\r\n                            }}\r\n                        />\r\n                        <AppNumericTextField\r\n                            required\r\n                            value={voyage.voyageNumber ? voyage.voyageNumber.toString() : \"\"}\r\n                            description=\"New voyage number\"\r\n                            disabled={!voyage.vessel}\r\n                            onChange={(ev, newValue) => {\r\n                                setVoyage({ ...voyage, voyageNumber: Number(newValue) });\r\n                            }}\r\n                        />\r\n                        <AppSearchBox\r\n                            disabled={!voyage.vessel}\r\n                            description=\"Ballast port call\"\r\n                            placeHolder=\"Search for ballast port call\"\r\n                            endPoint=\"portCalls/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"id\"\r\n                            minLengthBeforeSearhing={2}\r\n                            defaultValue={voyage.ballastPortCall}\r\n                            customTitle={(_: IPortCall) => {\r\n                                return _ ? `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}` : \"Unknown\";\r\n                            }}\r\n                            customResultTitle={(_: IPortCall) => {\r\n                                return `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}`;\r\n                            }}\r\n                            onSelected={_ => {\r\n                                setVoyage({ ...voyage, ballastPortCall: _ });\r\n                            }}\r\n                        />\r\n                        <AppSearchBox\r\n                            description=\"Trade\"\r\n                            placeHolder=\"Search for trade\"\r\n                            endPoint=\"trades/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"name\"\r\n                            minLengthBeforeSearhing={1}\r\n                            defaultValue={voyage.trade}\r\n                            onSelected={_ => {\r\n                                setVoyage({ ...voyage, trade: _ });\r\n                            }}\r\n                        />\r\n                        <AppSearchBox\r\n                            description=\"Master\"\r\n                            placeHolder=\"Search for master\"\r\n                            endPoint=\"persons/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"fullName\"\r\n                            minLengthBeforeSearhing={2}\r\n                            defaultValue={voyage.master}\r\n                            onSelected={_ => {\r\n                                setVoyage({ ...voyage, master: _ });\r\n                            }}\r\n                        />\r\n                        <div className=\"eta-first-port\">\r\n                            <DateTimePicker\r\n                                description=\"ETA first port\"\r\n                                date={etaFirstPort}\r\n                                onChange={_ => {\r\n                                    if (_) {\r\n                                        setEtaFirstPort(_);\r\n                                    }\r\n                                }}\r\n                            />\r\n                            <div\r\n                                title=\"Update ETAs based on ETA first port\"\r\n                                className=\"update-eta-button\"\r\n                                onClick={() => {\r\n                                    if (etaFirstPort && voyage) {\r\n                                        setVoyage(updateTimestamps(etaFirstPort, voyage));\r\n                                    }\r\n                                }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faRefresh} />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <AppPanelSubHeaderNew\r\n                        title=\"Portcall to copy\"\r\n                        actions={[\r\n                            {\r\n                                title: \"Add portcall\",\r\n                                icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                onClick: () => {\r\n                                    let lastPortCall = voyage.portCalls && voyage.portCalls.length > 0 ? voyage.portCalls[voyage.portCalls.length - 1] : undefined;\r\n                                    let scheduledArrival = DateTime.now().plus({ days: 1 }).startOf(\"day\").toJSDate();\r\n                                    let scheduledDeparture = md(scheduledArrival).plus({ hours: 1 }).toJSDate();\r\n\r\n                                    if (lastPortCall) {\r\n                                        scheduledArrival = md(lastPortCall.scheduledDeparture!).plus({ days: 1 }).startOf(\"day\").toJSDate();\r\n                                        scheduledDeparture = md(scheduledArrival).plus({ hours: 1 }).toJSDate();\r\n                                    }\r\n\r\n                                    updatePortCall({ scheduledArrival, scheduledDeparture, reasonForCalls: [] }, \"id\", getNextId(voyage.portCalls));\r\n                                }\r\n                            }\r\n                        ]}\r\n                    />\r\n                    <div className=\"table\">\r\n                        <AppGridTableNew\r\n                            noAlternateRowColor\r\n                            bottomBorder\r\n                            smallHeader\r\n                            noHoverColor\r\n                            columns={portCallColumns}\r\n                            data={voyage.portCalls}\r\n                        />\r\n                    </div>\r\n\r\n                    <AppPanelSubHeaderNew\r\n                        title=\"Cargo to copy\"\r\n                        actions={[\r\n                            {\r\n                                title: \"Add cargo\",\r\n                                icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                onClick: () => {\r\n                                    let cargos = voyage.cargo ?? [];\r\n                                    setVoyage({ ...voyage, cargo: [...cargos, { id: getNextId(cargos) }] });\r\n                                }\r\n                            }\r\n                        ]}\r\n                    />\r\n                    <div className=\"table\">\r\n                        <AppGridTableNew\r\n                            noAlternateRowColor\r\n                            bottomBorder\r\n                            smallHeader\r\n                            noHoverColor\r\n                            columns={cargoColumns}\r\n                            data={voyage.cargo}\r\n                        />\r\n                    </div>\r\n\r\n                </Container>\r\n            }\r\n        </AppPanelNew >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useVoyage } from \"../../../api/hooks/useVoyage\";\r\nimport { useVoyageProvider, VoyageContextProvider } from \"../../../contextHooks/VoyageContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faChartColumn, faCopy, faExclamationCircle, faTrash, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { VoyageComponents } from \"..\";\r\nimport { IAppMessage } from \"../../../interfaces/IAppMessage\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { IVoyage } from \"../../../interfaces/IVoyage\";\r\nimport { VoyageCargosContainer } from \"./cargo/VoyageCargosContainer\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { Timeline } from \"./timeline/Timeline\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { CopyVoyagePanel } from \"./copyVoyage/CopyVoyagePanel\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div<{ timelineOn: boolean }>`\r\n    display: grid;\r\n    margin-bottom: 50px;\r\n    grid-template-columns: ${_ => _.timelineOn ? \"auto 420px\" : \"auto 0px\"};\r\n\r\n    >div:first-child {\r\n        display: flex;\r\n        flex-direction: column;\r\n        margin: -15px 0;\r\n\r\n        >div {\r\n            margin: 15px 30px;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        padding-right: 40px;\r\n        display: ${_ => _.timelineOn ? \"block\" : \"none\"};\r\n    }\r\n\r\n    @media (min-width: 2000px) {\r\n        grid-template-columns: ${_ => _.timelineOn ? \"auto 480px\" : \"auto 0px\"} ;\r\n    }\r\n`;\r\n\r\nconst SummaryToggle = styled.div`\r\n    padding-left: 10px;\r\n    >div {\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nconst VoyageTitle = styled.span<{ inActive?: boolean }>`\r\n    ${_ => _.inActive\r\n        ? css`\r\n            text-decoration: line-through;\r\n            text-decoration-color: #f1f1f1;\r\n        `\r\n        : undefined\r\n    }\r\n`\r\n//#endregion \r\n\r\nexport const Container = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { voyage, error } = useVoyage(id);\r\n\r\n    if (error) {\r\n        return (\r\n            <LoadingSpinner text={error.toString()} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    if (!voyage) {\r\n        return (\r\n            <LoadingSpinner text=\"Loading voyage, please wait...\" />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <VoyageContextProvider>\r\n            <InnerContainer v={voyage} />\r\n        </VoyageContextProvider>\r\n    );\r\n};\r\n\r\nconst InnerContainer: React.FC<{ v: IVoyage }> = ({ v }) => {\r\n    const { voyage, setVoyage, portCalls, timelineOn, setTimelineOn } = useVoyageProvider();\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const [copyPanelOpen, { toggle: toggleCopyPanelOpen }] = useBoolean(false);\r\n    const history = useNavigate();\r\n    const deleteDisabled = voyage && voyage.portCalls && voyage.portCalls.filter(_ => _.arrived).length > 0;\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n\r\n    const deleteVoyage = async () => {\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            await app.api.deleteVoyage(voyage.id);\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faTrash} />,\r\n                text: \"Voyage deleted\"\r\n            };\r\n\r\n            history(\"/voyages\");\r\n        }\r\n        catch (error: any) {\r\n            let errorText = await error.json();\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: errorText\r\n            };\r\n        }\r\n\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    const toggleTimeline = () => {\r\n        setTimelineOn(!timelineOn);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!v) {\r\n            return;\r\n        }\r\n        setVoyage(v);\r\n\r\n        let _storageSummaryOn = localStorage.getItem(\"VoyageTimelineOn\");\r\n        if (_storageSummaryOn) {\r\n            setTimelineOn(_storageSummaryOn === \"true\" ? true : false);\r\n        }\r\n    }, [v]);\r\n\r\n    useEffect(() => {\r\n        localStorage.setItem(\"VoyageTimelineOn\", timelineOn ? \"true\" : \"false\");\r\n    }, [timelineOn])\r\n\r\n    if (!voyage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Toggle voyage summary on/off\",\r\n                        render: () => {\r\n                            return (\r\n                                <SummaryToggle key=\"ToggleVoyageSummary\">\r\n                                    <Toggle\r\n                                        onText=\"Timeline\"\r\n                                        offText=\"Timeline\"\r\n                                        checked={timelineOn}\r\n                                        onChange={toggleTimeline}\r\n                                    />\r\n                                </SummaryToggle>\r\n                            );\r\n                        }\r\n                    },\r\n                    {\r\n                        title: \"Go back\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        onClick: () => history(-1)\r\n                    },\r\n                    {\r\n                        title: \"Voyage report\",\r\n                        icon: <FontAwesomeIcon icon={faChartColumn} />,\r\n                        onClick: () => history(`/voyages/${voyage.id}/report`)\r\n                    },\r\n                    {\r\n                        title: \"Copy voyage\",\r\n                        icon: <FontAwesomeIcon icon={faCopy} />,\r\n                        onClick: toggleCopyPanelOpen,\r\n                    },\r\n                    {\r\n                        title: deleteDisabled ? \"Voyage can't be deleted after vessel has arrived in a port\" : \"Delete\",\r\n                        icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                        onClick: () => setDeleteDialogOpen(true),\r\n                        disabled: deleteDisabled\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"voyages\",\r\n                            title: \"voyages\",\r\n                            url: \"/voyages\"\r\n                        },\r\n                        {\r\n                            id: voyage.voyageNumber.toString(),\r\n                            title: `${voyage.vessel ? toCapitalLetters(voyage.vessel.name) : \"?\"} - ${companyUsesVoyageReference ? voyage.reference ?? 'N/A' : voyage.voyageNumber ?? 'N/A'}`,\r\n                            url: `/voyages/${voyage.id}/edit`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody\r\n                message={\r\n                    voyage.externalId\r\n                        ? {\r\n                            type: \"warning\",\r\n                            content: \"Only a subset of properties can be changed on a voyage originating from an external systems (e.g. Vms).\"\r\n                        }\r\n                        : portCalls.length > 0 && portCalls.filter(_ => !_.departed).length === 0\r\n                            ? { type: \"success\", content: \"Voyage complete. All portcalls done.\" }\r\n                            : undefined\r\n                }\r\n            >\r\n                <ContentPageTitle>\r\n                    <VoyageTitle inActive={voyage.inActive} title={voyage.inActive ? \"Voyage is inactive\" : undefined}>\r\n                        Edit voyage {companyUsesVoyageReference ? voyage.reference : voyage.voyageNumber}\r\n                    </VoyageTitle>\r\n                </ContentPageTitle>\r\n                <Body timelineOn={portCalls.length > 0 && timelineOn}>\r\n                    <div>\r\n                        <VoyageComponents.Edit.Details />\r\n                        {voyage &&\r\n                            <>\r\n                                <VoyageComponents.Edit.PortCalls.List />\r\n                                <VoyageCargosContainer />\r\n                            </>\r\n                        }\r\n                    </div>\r\n                    <div>\r\n                        <Timeline />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <AppDialog\r\n                title=\"Delete voyage\"\r\n                subText={`Are you sure you want to delete the voyage ${companyUsesVoyageReference ? voyage.reference : voyage.voyageNumber}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    deleteVoyage();\r\n                }}\r\n            />\r\n\r\n            <CopyVoyagePanel\r\n                isOpen={copyPanelOpen}\r\n                onClose={() => {\r\n\r\n                    toggleCopyPanelOpen();\r\n\r\n                }}\r\n\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Icon } from \"@fluentui/react\";\r\nimport { faSave, faStream } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { useVoyageProvider } from \"../../../contextHooks/VoyageContext\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { IAppMessage } from \"../../../interfaces/IAppMessage\";\r\nimport { IPortCall } from \"../../../interfaces/IPortCall\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { AppSearchBox } from \"../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppNumericTextField, AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 25px 10px;\r\n\r\n    >div {\r\n        margin: 5px 15px;\r\n        width: 200px;\r\n    }\r\n\r\n    .cbx {\r\n        margin-top: 12px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details: React.FC<{}> = ({ }) => {\r\n    const [saving, setSaving] = useState(false);\r\n    const [formDirty, setFormDirty] = useState(false);\r\n    const { voyage, setVoyage, sortedPortcalls } = useVoyageProvider();\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject, resolveTimeZone, toDateString } = useDateFunctions();\r\n    const formDisabled = voyage && voyage.portCalls.filter(_ => _.arrived).length > 0;\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const isExternal = voyage.externalId ? true : false;\r\n\r\n    const save = async () => {\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            let response = await app.api.updateVoyage(voyage);\r\n            if (!response.ok) {\r\n                message = {\r\n                    icon: <Icon iconName=\"Error\" />,\r\n                    text: \"An error occured\"\r\n                };\r\n            }\r\n            else {\r\n                message = {\r\n                    icon: <Icon iconName=\"Save\" />,\r\n                    text: isExternal ? `Voyage ${voyage.inActive ? \"deactivated\" : \"activated\"}` : \"Voyage details saved\"\r\n                };\r\n            }\r\n            setFormDirty(false);\r\n        }\r\n        catch (error: any) {\r\n            let errorText = await error.json();\r\n            message = {\r\n                icon: <Icon iconName=\"Error\" />,\r\n                text: errorText\r\n            };\r\n        }\r\n\r\n        setSaving(false);\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving]);\r\n\r\n    if (!voyage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            title=\"Details\"\r\n            description=\"Overall voyage details\"\r\n            icon={<FontAwesomeIcon icon={faStream} />}\r\n            loading={saving}\r\n            error={\r\n                voyage.ballastPortCall && sortedPortcalls.length > 0 && makeDateObject(voyage.ballastPortCall.scheduledDeparture) > makeDateObject(sortedPortcalls[0].scheduledArrival)\r\n                    ? \"Scheduled departure from ballast port is after arrival in first port call.\"\r\n                    : undefined\r\n            }\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save voyage details\",\r\n                    shortTitle: \"Save\",\r\n                    pulse: formDirty,\r\n                    onClick: () => {\r\n                        setSaving(true);\r\n                    }\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <AppSearchBox\r\n                    locked={isExternal}\r\n                    required\r\n                    description=\"Vessel\"\r\n                    placeHolder=\"Search for vessel\"\r\n                    endPoint=\"vessels/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    disabled={formDisabled}\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={voyage.vessel}\r\n                    onSelected={_ => {\r\n                        setVoyage({\r\n                            ...voyage,\r\n                            vessel: _,\r\n                            ballastPortCall: undefined\r\n                        });\r\n                        setFormDirty(true);\r\n                    }}\r\n                />\r\n                {companyUsesVoyageReference &&\r\n                    <AppTextField\r\n                        locked={isExternal}\r\n                        readOnly={isExternal}\r\n                        defaultValue={voyage.reference}\r\n                        description=\"Voyage reference\"\r\n                        disabled={formDisabled || !voyage.vessel}\r\n                        onChange={(ev, newValue) => {\r\n                            if (newValue) {\r\n                                setVoyage({ ...voyage, reference: newValue });\r\n                                setFormDirty(true);\r\n                            }\r\n                        }}\r\n                    />\r\n                }\r\n                <AppNumericTextField\r\n                    locked={isExternal}\r\n                    defaultValue={voyage.voyageNumber.toString()}\r\n                    description=\"Voyage number\"\r\n                    disabled={formDisabled || !voyage.vessel}\r\n                    onChange={(ev, newValue) => {\r\n                        if (newValue) {\r\n                            setVoyage({ ...voyage, voyageNumber: Number(newValue) });\r\n                            setFormDirty(true);\r\n                        }\r\n                    }}\r\n                />\r\n                <AppSearchBox\r\n                    locked={isExternal}\r\n                    disabled={!voyage.vessel}\r\n                    description=\"Ballast port call\"\r\n                    placeHolder=\"Search for ballast port call\"\r\n                    endPoint=\"portCalls/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"id\"\r\n                    additionalQueryParams={[\r\n                        { key: \"vesselId\", value: voyage.vessel?.id },\r\n                        { key: \"excludedVoyageId\", value: voyage.id }\r\n                    ]}\r\n                    customTitle={(_: IPortCall) => {\r\n                        return _ ? `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}` : \"Unknown\";\r\n                    }}\r\n                    customResultTitle={(_: IPortCall) => {\r\n                        return `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}`;\r\n                    }}\r\n                    customResultDescription={(_: IPortCall) => {\r\n                        let tz = resolveTimeZone(_.port?.timeZone);\r\n                        return <span title={tz}>ETA: {toDateString(_.scheduledArrival, tz, true)}</span>\r\n                    }}\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={voyage.ballastPortCall}\r\n                    onSelected={_ => {\r\n                        setVoyage({ ...voyage, ballastPortCall: _ });\r\n                        setFormDirty(true);\r\n                    }}\r\n                />\r\n                <AppSearchBox\r\n                    locked={isExternal}\r\n                    description=\"Trade\"\r\n                    placeHolder=\"Search for trade\"\r\n                    endPoint=\"trades/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={1}\r\n                    defaultValue={voyage.trade}\r\n                    onSelected={_ => {\r\n                        setVoyage({ ...voyage, trade: _ });\r\n                        setFormDirty(true);\r\n                    }}\r\n                />\r\n                <AppSearchBox\r\n                    readOnly={isExternal}\r\n                    description=\"Master\"\r\n                    placeHolder=\"Search for master\"\r\n                    endPoint=\"persons/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"fullName\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={voyage.master}\r\n                    onSelected={_ => {\r\n                        setVoyage({ ...voyage, master: _ });\r\n                        setFormDirty(true);\r\n                    }}\r\n                />\r\n                <Checkbox\r\n                    className=\"cbx\"\r\n                    label=\"Active\"\r\n                    checked={!voyage.inActive}\r\n                    onChange={(ev, checked) => {\r\n                        setVoyage({ ...voyage, inActive: checked ? false : true });\r\n                        setFormDirty(true);\r\n                    }}\r\n                />\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\nimport { faGlobeEurope, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useVoyageProvider } from \"../../../../contextHooks/VoyageContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DateTimePicker } from \"../../../../blocks/dateTimePicker/DateTimePicker\";\r\nimport { IPort } from \"../../../../interfaces/IPort\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { AppDialog } from \"../../../../blocks/appDialog/AppDialog\";\r\nimport { IDropdownOption, PanelType, SelectableOptionMenuItemType, Toggle } from \"@fluentui/react\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useReasonForCalls } from \"../../../../api/hooks/useReasonForCalls\";\r\nimport { AppSearchBox } from \"../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppDropDown } from \"../../../../blocks/appDropDown/AppDropDown\";\r\nimport { AppPanelNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin: 0 0 10px;\r\n    }\r\n\r\n    .external-id {\r\n        display: flex;\r\n        margin-top: 20px;\r\n\r\n        >div {\r\n            background-color: #fafafa;\r\n            border: 1px solid #ccc;\r\n            border-radius: 2px;\r\n            padding: 4px 6px;\r\n            color: #888;\r\n            font-size: 10px;\r\n            letter-spacing: .5px;\r\n            cursor: copy;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Toggles = styled.div`\r\n    display: flex;\r\n    margin: 0 -5px 25px !important;\r\n\r\n    >div {\r\n        margin: 0 5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EditPanel: React.FC<{ pc?: IPortCall, dismiss: () => void }> = ({ pc, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { rfcs } = useReasonForCalls();\r\n    const { makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const { voyage, portCalls, setPortCalls } = useVoyageProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getError } = useRest();\r\n    const [portCall, setPortCall] = useState<IPortCall | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const [message, setMessage] = useState<string | undefined>();\r\n    const isNew = portCall?.id === 0;\r\n    const isExternal = portCall?.externalId ? true : false;\r\n    const tz = resolveTimeZone(portCall?.port?.timeZone)\r\n\r\n    const getRfcOptions = (): IDropdownOption<any>[] => {\r\n        let rfcOptions: IDropdownOption[] = [\r\n            { key: \"Header1\", text: \"Frequently used\", itemType: SelectableOptionMenuItemType.Header },\r\n            { key: \"Divider1\", text: \"\", itemType: SelectableOptionMenuItemType.Divider },\r\n            { key: 3, text: \"Loading\" },\r\n            { key: 2, text: \"Discharging\" },\r\n            { key: \"Header2\", text: \"Other\", itemType: SelectableOptionMenuItemType.Header },\r\n            { key: \"Divider2\", text: \"\", itemType: SelectableOptionMenuItemType.Divider },\r\n        ];\r\n\r\n        rfcs?.forEach(_ => {\r\n            if ([1, 2, 3].indexOf(_.id) < 0) {\r\n                rfcOptions.push({\r\n                    key: _.id,\r\n                    text: _.name\r\n                });\r\n            }\r\n        });\r\n\r\n        return rfcOptions;\r\n    }\r\n\r\n    const formOk = () => {\r\n        if (!portCall) {\r\n            setMessage(\"No portcall found\");\r\n            return false;\r\n        }\r\n\r\n        if (!portCall.port) {\r\n            setMessage(\"Please select a port\");\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    const save = async () => {\r\n        setMessage(undefined);\r\n\r\n        try {\r\n            let response = isNew ? await app.api.createVoyagePortCall(voyage.id, portCall!) : await app.api.updateVoyagePortCall(voyage.id, portCall!);\r\n            setPortCalls([...portCalls.filter(_ => _.id !== response.id), response]);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: isNew ? \"Portcall created\" : \"Portcall updated\" });\r\n            dismiss();\r\n        }\r\n        catch (error: any) {\r\n            setMessage(await getError(error));\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const deletePortCall = async () => {\r\n        try {\r\n            await app.api.deleteVoyagePortCall(voyage.id, portCall!);\r\n            setPortCalls([...portCalls.filter(_ => _.id !== portCall!.id)]);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: \"Portcall deleted\" });\r\n            dismiss();\r\n        }\r\n        catch (error: any) {\r\n            setMessage(await getError(error));\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setMessage(undefined);\r\n        setPortCall(pc);\r\n    }, [pc])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deletePortCall();\r\n        }\r\n    }, [deleting])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New portcall\" : \"Edit portcall\"}</span> {toCapitalLetters(portCall?.port?.name)}</span>}\r\n            isOpen={pc != undefined}\r\n            working={saving || deleting}\r\n            dismiss={dismiss}\r\n            customWidth=\"400px\"\r\n            panelType={PanelType.custom}\r\n            icon={<FontAwesomeIcon icon={faGlobeEurope} />}\r\n            errorMessage={message}\r\n            footerActions={[\r\n                {\r\n                    disabled: isExternal || isNew,\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    title: \"Delete portcall\",\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => {\r\n                        if (formOk()) {\r\n                            setSaving(true)\r\n                        }\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            {portCall &&\r\n                <>\r\n                    <Container>\r\n                        <Toggles>\r\n                            <Toggle\r\n                                disabled={isExternal || portCall.arrived ? true : false}\r\n                                title={portCall.arrived ? \"Active status can't be changed after vessel has arrived\" : undefined}\r\n                                checked={!portCall.inActive}\r\n                                onText=\"Active\"\r\n                                offText=\"Inactive\"\r\n                                onChange={(ev, checked) => {\r\n                                    setPortCall({\r\n                                        ...portCall,\r\n                                        inActive: checked !== undefined ? !checked : true\r\n                                    })\r\n                                }}\r\n                            />\r\n                            <Toggle\r\n                                disabled={portCall.arrived ? true : false}\r\n                                title={portCall.arrived ? \"Hide in app can't be changed after vessel has arrived\" : undefined}\r\n                                checked={!portCall.hideInApp}\r\n                                onText=\"Visible in app\"\r\n                                offText=\"Hidden in app\"\r\n                                onChange={(ev, checked) => {\r\n                                    setPortCall({\r\n                                        ...portCall,\r\n                                        hideInApp: checked !== undefined ? !checked : true\r\n                                    })\r\n                                }}\r\n                            />\r\n                        </Toggles>\r\n                        <AppSearchBox\r\n                            autoFocus\r\n                            locked={isExternal || portCall.arrived ? true : false}\r\n                            title={portCall.arrived ? \"Port can't be changed after vessel has arrived\" : \"Click to edit\"}\r\n                            additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                            placeHolder=\"Search for port\"\r\n                            description=\"Port\"\r\n                            endPoint=\"ports/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"name\"\r\n                            minLengthBeforeSearhing={2}\r\n                            defaultValue={portCall.port}\r\n                            maxResultsContainerHeight={`${66 * 10}px`}\r\n                            customResultTitle={(_: IPort) => {\r\n                                return (\r\n                                    <>\r\n                                        <ReactCountryFlag style={{ height: '16px', width: \"16px\", padding: \"0 5px 3px 0\" }} countryCode={_.countryCode} svg />\r\n                                        <span>{toCapitalLetters(_.name)}</span>\r\n                                    </>\r\n                                );\r\n                            }}\r\n                            customResultDescription={(_: IPort) => {\r\n                                return _.country + \" - \" + _.unLoCode;\r\n                            }}\r\n                            onSelected={_ => {\r\n                                setPortCall({ ...portCall, port: _ });\r\n                            }}\r\n                        />\r\n                        <AppSearchBox\r\n                            locked={isExternal}\r\n                            description=\"Agent\"\r\n                            placeHolder=\"Search for agent\"\r\n                            endPoint=\"partners/search\"\r\n                            keyProp=\"id\"\r\n                            titleProp=\"name\"\r\n                            minLengthBeforeSearhing={2}\r\n                            defaultValue={portCall.agent}\r\n                            additionalQueryParams={[{\r\n                                key: \"partnerTypes\",\r\n                                value: \"3\"\r\n                            }]}\r\n                            onSelected={_ => {\r\n                                setPortCall({ ...portCall, agent: _ })\r\n                            }}\r\n                        />\r\n                        <DateTimePicker\r\n                            locked={isExternal}\r\n                            description={`ETA ${portCall.port ? toCapitalLetters(portCall.port.name) : \"n/a\"} ${portCall.scheduledArrival && portCall.port ? ` (${DateTime.fromJSDate(new Date(portCall.scheduledArrival)).toUTC().toFormat(\"dd.MMM HH:mm\")} UTC)` : \"\"}`}\r\n                            date={portCall.scheduledArrival}\r\n                            title={`Input dates in timezone ${tz}`}\r\n                            timeZone={tz}\r\n                            onChange={_ => {\r\n                                if (_) {\r\n                                    setPortCall({ ...portCall, scheduledArrival: _ });\r\n                                }\r\n                            }}\r\n                        />\r\n                        <DateTimePicker\r\n                            locked={isExternal}\r\n                            minDate={makeDateObject(portCall.scheduledArrival).toJSDate()}\r\n                            description={`ETD ${portCall.port ? toCapitalLetters(portCall.port.name) : \"n/a\"} ${portCall.scheduledDeparture && portCall.port ? ` (${DateTime.fromJSDate(new Date(portCall.scheduledDeparture)).toUTC().toFormat(\"dd.MMM HH:mm\")} UTC)` : \"\"}`}\r\n                            date={portCall.scheduledDeparture}\r\n                            title={`Input dates in timezone ${tz}`}\r\n                            timeZone={tz}\r\n                            onChange={_ => {\r\n                                if (_) {\r\n                                    setPortCall({ ...portCall, scheduledDeparture: _ });\r\n                                }\r\n                            }}\r\n                        />\r\n                        <InputWithDescription description=\"Reason for call\" defaultDescription>\r\n                            <AppDropDown\r\n                                locked={isExternal}\r\n                                multiSelect\r\n                                placeholder=\"Reason for call\"\r\n                                selectedKeys={portCall.reasonForCalls?.map(_ => _.id)}\r\n                                options={getRfcOptions()}\r\n                                onRenderOption={props => {\r\n                                    if (props) {\r\n                                        return (\r\n                                            <span style={{ paddingLeft: \"4px\", fontWeight: [2, 3].indexOf(Number(props.key)) >= 0 ? 500 : undefined }}>{props?.text}</span>\r\n                                        );\r\n                                    }\r\n                                    return null;\r\n                                }}\r\n                                onChange={(ev, v) => {\r\n                                    if (v) {\r\n                                        let _rfcs = portCall.reasonForCalls ? portCall.reasonForCalls.filter(_ => _.id !== v.key) : [];\r\n                                        if (v.selected) {\r\n                                            let _rfc = rfcs?.find(_ => _.id === v.key);\r\n                                            if (_rfc) {\r\n                                                _rfcs.push(_rfc);\r\n                                            }\r\n                                        }\r\n                                        setPortCall({ ...portCall, reasonForCalls: _rfcs });\r\n                                    }\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n                        {pc?.externalId &&\r\n                            <div className=\"external-id\">\r\n                                <div\r\n                                    title=\"Id from external system. Click to copy\"\r\n                                    onClick={(ev) => {\r\n                                        navigator.clipboard.writeText(pc.externalId!);\r\n                                    }}\r\n                                >\r\n                                    Ex. id: {pc.externalId}\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </Container>\r\n\r\n                    <AppDialog\r\n                        title=\"Delete portcall\"\r\n                        subText={`Are you sure you want to delete the portcall ${toCapitalLetters(portCall.port?.name)}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            setDeleting(true);\r\n                        }}\r\n                    />\r\n                </>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { CSSProperties } from \"react\";\r\nimport { useGridTable } from \"../../hooks/useGridTable\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\n\r\ninterface IGridTableCellProps {\r\n    hoverActive: boolean\r\n    backgroundColor?: string\r\n    column: IGridTableColumn\r\n    rowId: number\r\n    data: any\r\n    borders: CSSProperties\r\n    cellPadding?: string\r\n    onRowClick?: (data: any) => void\r\n    onMouseEnter: () => void\r\n    onMouseLeave: () => void\r\n};\r\n\r\nexport const AppGridTableCell: React.FC<IGridTableCellProps> = ({ hoverActive, backgroundColor, rowId, borders, cellPadding, column, data, onRowClick, onMouseEnter, onMouseLeave }) => {\r\n    const { getData } = useGridTable();\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                cursor: onRowClick ? \"pointer\" : undefined,\r\n                backgroundColor: hoverActive ? \"#f5f5f5\" : backgroundColor,\r\n                padding:\r\n                    column.noPadding\r\n                        ? undefined\r\n                        : cellPadding\r\n                            ? cellPadding\r\n                            : \"14px 20px\",\r\n                ...borders,\r\n            }}\r\n            onClick={() => {\r\n                if (onRowClick) {\r\n                    onRowClick(data);\r\n                }\r\n            }}\r\n            onMouseEnter={ev => {\r\n                onMouseEnter();\r\n            }}\r\n\r\n            onMouseLeave={ev => {\r\n                onMouseLeave();\r\n            }}\r\n        >\r\n            {column.render\r\n                ? column.render(data, rowId, hoverActive)\r\n                : getData(column, data)\r\n            }\r\n        </div>\r\n    );\r\n}","import React, { CSSProperties } from \"react\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    >div:first-child {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-weight: 700;\r\n        border-top: 1px solid #ccc;\r\n        color: #555;\r\n        box-shadow: 0 24px 24px -24px inset #bbb;\r\n        min-height: 19px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IGridTableCellProps {\r\n    column: IGridTableColumn\r\n    cellPadding?: string\r\n    style?: CSSProperties\r\n    mainBackgroundColor?: string\r\n};\r\n\r\nexport const AppGridTableSummaryCell: React.FC<IGridTableCellProps> = ({ column, cellPadding, style, mainBackgroundColor }) => {\r\n    return (\r\n        <Container>\r\n            <div style={{ backgroundColor: mainBackgroundColor }} ></div>\r\n            <div\r\n                style={{\r\n                    ...style,\r\n                    padding:\r\n                        cellPadding\r\n                            ? cellPadding\r\n                            : \"14px 20px\",\r\n                }}\r\n            >\r\n                {column.renderSummary && column.renderSummary()}\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React, { CSSProperties, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { AppGridTableCell } from \"./AppGridTableCell\";\r\nimport { AppGridTableSummaryCell } from \"./AppGridTableSummaryCell\";\r\n\r\n//#region Styled components\r\nconst Container = styled.div<{ columns: IGridTableColumn[], rows: number }>`\r\n    font-size: 14px;\r\n    display: grid;\r\n    grid-auto-flow: row;\r\n    grid-template-columns:  ${_ => _.columns.map(c => c.gridCellWidth ? c.gridCellWidth : \"auto\").join(\" \")};\r\n\r\n    // So summary should appaer at bottom\r\n    grid-template-rows: ${_ => Array.from(new Array(_.rows)).map(() => \"auto\").join(\" \")} 1fr;\r\n    min-height: 100%;\r\n\r\n    div {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n\r\nconst NoData = styled.div`\r\n    color: #aaa;\r\n    font-size: 14px;\r\n    padding: 25px 0 35px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n//#endregion\r\n\r\ninterface IAppGridTableProps {\r\n    columns: IGridTableColumn[]\r\n    data?: any[]\r\n    loading?: boolean\r\n    noDataMessage?: string\r\n    rowClick?: (rowData: any) => void\r\n    useAlternateRowColor?: boolean\r\n    cellPadding?: string\r\n    noHoverColor?: boolean\r\n    hideRowDivider?: boolean\r\n    summaryRow?: boolean\r\n    backgroundColor?: string\r\n}\r\n\r\nexport const AppGridTable: React.FC<IAppGridTableProps> = ({ columns, data, loading, noDataMessage, rowClick, cellPadding, noHoverColor, useAlternateRowColor, hideRowDivider, summaryRow, backgroundColor }) => {\r\n    const [hoverRowId, setHoverRowId] = useState<number | undefined>();\r\n    const columnsToRender = columns.filter(_ => !_.exclude);\r\n\r\n    if (loading) {\r\n        return (\r\n            <NoData>\r\n                <AnimatedBars height=\"25px\" />\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    if (!data || data.length === 0) {\r\n        return (\r\n            <NoData>\r\n                {noDataMessage ? noDataMessage : \"No data at the moment\"}\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container columns={columnsToRender} rows={data ? data.length : 0}>\r\n            {data && data.map((r, rowI) => {\r\n                let bgColor =\r\n                    useAlternateRowColor\r\n                        ? rowI % 2 !== 0 ? \"#fafafa\"\r\n                            : undefined\r\n                        : backgroundColor\r\n                    ;\r\n\r\n                let borders: CSSProperties = {\r\n                    borderBottom:\r\n                        rowI === data.length - 1\r\n                            ? undefined\r\n                            : hideRowDivider\r\n                                ? undefined\r\n                                : \"1px solid #f1f1f1\"\r\n                }\r\n\r\n                return columnsToRender.map((c, columnI) => {\r\n                    return (\r\n                        <AppGridTableCell\r\n                            key={`GridTableCell_${rowI}_${columnI}`}\r\n                            data={r}\r\n                            column={c}\r\n                            cellPadding={cellPadding}\r\n                            hoverActive={noHoverColor ? false : hoverRowId === rowI}\r\n                            backgroundColor={bgColor}\r\n                            borders={borders}\r\n                            rowId={rowI}\r\n                            onRowClick={rowClick}\r\n                            onMouseEnter={() => {\r\n                                setHoverRowId(rowI);\r\n                            }}\r\n                            onMouseLeave={() => {\r\n                                setHoverRowId(undefined);\r\n                            }}\r\n                        />\r\n                    );\r\n                })\r\n            })}\r\n            {summaryRow && columnsToRender.map((c, columnI) => {\r\n                return (\r\n                    <AppGridTableSummaryCell\r\n                        key={`GridTableSummaryCell_${columnI}`}\r\n                        column={c}\r\n                        cellPadding={cellPadding}\r\n                        mainBackgroundColor={backgroundColor}\r\n                        style={{\r\n                            borderBottomLeftRadius: columnI === 0 ? \"4px\" : undefined,\r\n                            borderBottomRightRadius: columnI === columns.length - 1 ? \"4px\" : undefined\r\n\r\n                        }}\r\n                    />\r\n                );\r\n            })}\r\n        </Container>\r\n    );\r\n};","import { Icon } from \"@fluentui/react\";\r\nimport { faDroplet, faEyeSlash, faGlobeEurope, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useVoyageProvider } from \"../../../../contextHooks/VoyageContext\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { usePortCallFunctions } from \"../../../../globalHooks/usePortCallFunctions\";\r\nimport { PortCallStatus } from \"../../../../_enums/PortCallStatus\";\r\nimport { EditPanel } from \"./EditPanel\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useVoyagePortCalls } from \"../../../../api/hooks/useVoyagePortCalls\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\n\r\n//#region Styled Components\r\nconst PortCalls = styled.div<{ timelineOn: boolean }>`\r\n    /* Duration */\r\n    @media (max-width: ${_ => _.timelineOn ? \"1700px\" : \"1300px\"}) {\r\n        >div {\r\n            grid-template-columns: 70px auto auto auto auto auto 0 0 minmax(65px,1fr);\r\n        }\r\n    }\r\n\r\n    /* Status */\r\n    @media (max-width: ${_ => _.timelineOn ? \"1600px\" : \"1200px\"}) {\r\n        >div {\r\n            grid-template-columns: 70px auto auto auto auto 0 0 0 minmax(65px,1fr);\r\n        }\r\n    }\r\n\r\n    /* Scheduled departure */\r\n    @media (max-width: ${_ => _.timelineOn ? \"1400px\" : \"1000px\"}) {\r\n        >div {\r\n            grid-template-columns: 70px auto auto auto 0 0 0 0 minmax(65px,1fr);\r\n        }\r\n    }    \r\n`;\r\n\r\nconst Sequence = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n    padding-left: 30px;\r\n\r\n    >div {\r\n        color: white;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: #4177bf;\r\n        width: 30px;\r\n        height: 30px;\r\n        border-radius: 50%;\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n    }\r\n`;\r\n\r\nconst Icons = styled.div<{ timelineOn: boolean }>`\r\n    display: flex;\r\n    align-items: center;\r\n    height: 100%;\r\n    margin: 0 -5px;\r\n\r\n    svg {\r\n        margin: 0 5px;\r\n        color: #444;\r\n    }\r\n\r\n    @media (max-width: ${_ => _.timelineOn ? \"1700px\" : \"1300px\"}) {\r\n        svg {\r\n            display: none;\r\n        }\r\n    }\r\n`;\r\n\r\nconst EditIcon = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n    height: 100%;\r\n    padding-right: 10px;\r\n    color: #f1f1f1;\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 11px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const List: React.FC = () => {\r\n    const { portCalls, setPortCalls, voyage, timelineOn } = useVoyageProvider();\r\n    const { data: apiPortCalls, isValidating } = useVoyagePortCalls(voyage.id, true)\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getStatus } = usePortCallFunctions();\r\n    const { getDuration, getDurationString, resolveTimeZone } = useDateFunctions();\r\n    const [editPortCall, setEditPortCall] = useState<IPortCall | undefined>();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"sequence\",\r\n            gridCellWidth: \"70px\",\r\n            noPadding: true,\r\n            render: (pc: IPortCall, rowId: number) => {\r\n                return (\r\n                    <Sequence>\r\n                        <div style={{ backgroundColor: pc.inActive ? \"#aaa\" : undefined }}>\r\n                            {rowId + 1}\r\n                        </div>\r\n                    </Sequence>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"port.name\",\r\n            render: (pc: IPortCall) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div style={{ color: pc.inActive ? \"#bbb\" : undefined }}>\r\n                            <ReactCountryFlag style={{ height: '16px', width: \"16px\", padding: \"0 5px 3px 0\" }} countryCode={pc.port!.countryCode} svg />\r\n                            {toCapitalLetters(pc.port?.name)}\r\n                        </div>\r\n                        <div>\r\n                            Port\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"agent.name\",\r\n            render: (pc: IPortCall) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div style={{ color: pc.inActive ? \"#bbb\" : undefined }}>\r\n                            {pc.agent ? pc.agent.name : \"-\"}\r\n                        </div>\r\n                        <div>\r\n                            Agent\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledArrival\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DateString title={tz} date={pc.scheduledArrival} timeZone={tz} style={{ color: pc.inActive ? \"#bbb\" : undefined }} />\r\n                        <div>\r\n                            Scheduled arrival\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledDeparture\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DateString title={tz} date={pc.scheduledDeparture} timeZone={tz} style={{ color: pc.inActive ? \"#bbb\" : undefined }} />\r\n                        <div>\r\n                            Scheduled departure\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"status\",\r\n            render: (pc: IPortCall) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {pc.inActive ? \"Inactive\" : PortCallStatus[getStatus(pc)]}\r\n                        </div>\r\n                        <div>\r\n                            Status\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"duration\",\r\n            render: (pc: IPortCall, rowId: number, hover?: boolean) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div style={{ color: pc.inActive ? \"#bbb\" : undefined }}>\r\n                            {getDurationString(getDuration(pc.scheduledArrival, pc.scheduledDeparture, true))}\r\n                        </div>\r\n                        <div>\r\n                            Duration\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"icons\",\r\n            render: (pc: IPortCall) => {\r\n                return (\r\n                    <Icons timelineOn={timelineOn}>\r\n                        {pc.reasonForCalls && pc.reasonForCalls.find(rfc => rfc.code === \"B\") &&\r\n                            <FontAwesomeIcon title=\"Bunkering\" color=\"#444\" icon={faDroplet} />\r\n                        }\r\n                        {pc.hideInApp &&\r\n                            <FontAwesomeIcon title=\"Hidden in app\" icon={faEyeSlash} />\r\n                        }\r\n                    </Icons>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"edit\",\r\n            gridCellWidth: \"minmax(65px, 1fr)\",\r\n            render: (pc: IPortCall, rowId, hover) => {\r\n                return (\r\n                    <EditIcon style={{ color: hover ? \"#444\" : undefined }}>\r\n                        <Icon iconName=\"EditSolid12\" />\r\n                    </EditIcon>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (apiPortCalls) {\r\n            setPortCalls(apiPortCalls);\r\n        }\r\n    }, [apiPortCalls]);\r\n\r\n    return (\r\n        <Card\r\n            title={portCalls.length > 0 ? `Portcalls (${portCalls.length})` : \"Portcalls\"}\r\n            loading={portCalls.length === 0 && isValidating}\r\n            icon={<FontAwesomeIcon icon={faGlobeEurope} />}\r\n            description={`Portcalls (${portCalls.length})`}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    title: \"Add portcall\",\r\n                    onClick: () => {\r\n                        var date = DateTime.now();\r\n                        var from = date.set({ \"second\": 0, \"millisecond\": 0 });\r\n                        var to = from.plus({ hours: 1 });\r\n\r\n                        setEditPortCall({\r\n                            id: 0,\r\n                            scheduledArrival: from.toJSDate(),\r\n                            scheduledDeparture: to.toJSDate()\r\n                        });\r\n                    }\r\n                }\r\n            ]}\r\n        >\r\n            <PortCalls timelineOn={timelineOn}>\r\n                <AppGridTable\r\n                    useAlternateRowColor\r\n                    loading={isValidating && !portCalls}\r\n                    noDataMessage=\"Add portcalls by clicking the plus icon\"\r\n                    columns={columns}\r\n                    data={portCalls.slice().sort((a, b) => { return a.scheduledArrival > b.scheduledArrival ? 1 : -1; })}\r\n                    rowClick={(pc: IPortCall) => {\r\n                        setEditPortCall(pc);\r\n                    }}\r\n                />\r\n            </PortCalls>\r\n            <EditPanel\r\n                pc={editPortCall}\r\n                dismiss={() => {\r\n                    setEditPortCall(undefined);\r\n                }}\r\n            />\r\n        </Card>\r\n    );\r\n};","import useSWR from \"swr\";\r\n\r\nexport const useVoyagePortCalls = (voyageId: number, includeInActive: boolean) => {\r\n    const { data, error, isValidating, mutate } = useSWR(voyageId ? `/voyages/${voyageId}/portCalls?includeInActive=${includeInActive}` : null, {\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2000\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport { Container } from \"./Container\";\r\nimport { Details } from \"./Details\";\r\nimport { VoyageEditPortCalls } from \"./portCalls\";\r\n\r\nexport const VoyageEdit = {\r\n    Container: ()=> {\r\n        return <Container />;\r\n    },\r\n\r\n    Details: ()=> {\r\n        return <Details />;\r\n    },\r\n\r\n    PortCalls: VoyageEditPortCalls\r\n}","import React from \"react\";\r\n// import { PortCall } from \"../../../../classes/PortCall\";\r\n// import { Item } from \"./Item\";\r\nimport { List } from \"./List\";\r\n\r\nexport const VoyageEditPortCalls = {\r\n    List: () => {\r\n        return <List />;\r\n    },\r\n\r\n    // Item: (props: { portCall: PortCall, sequence?: number, onRemove: () => void, onChange: (portCall: PortCall) => void }) => {\r\n    //     return <Item portCall={props.portCall} onChange={props.onChange} onRemove={props.onRemove} sequence={props.sequence} />;\r\n    // }\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExclamationCircle, faSave, faStream } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { Card } from \"../../../blocks/card/Card\";\r\nimport { IVessel } from \"../../../interfaces/IVessel\";\r\nimport { PrimaryButton, TextField } from \"@fluentui/react\";\r\nimport { IPortCall } from \"../../../interfaces/IPortCall\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { AppSearchBox } from \"../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { ICreateVoyage, IVoyage } from \"../../../interfaces/IVoyage\";\r\nimport { AppNumericTextField } from \"../../../blocks/inputs/AppTextFields\";\r\n\r\n// #region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n`;\r\n\r\nconst CardBody = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 30px 10px 15px;\r\n\r\n    >div {\r\n        margin: 0 15px 15px;\r\n        width: 200px;\r\n    }\r\n`;\r\n// #endregion \r\n\r\nexport const Container = () => {\r\n    const { getError } = useRest();\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone, toDateString } = useDateFunctions();\r\n    const [saving, setSaving] = useState(false);\r\n    const [voyage, setVoyage] = useState<ICreateVoyage>({});\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n\r\n    const save = async () => {\r\n        try {\r\n            let v = await app.api.createVoyage(voyage);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: `Voyage ${(companyUsesVoyageReference ? v.reference : v.voyageNumber)} created` });\r\n            history(`/voyages/${v.id}/edit`)\r\n\r\n            setSaving(false);\r\n        }\r\n        catch (error: any) {\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: await getError(error) });\r\n            setSaving(false);\r\n        }\r\n    }\r\n\r\n    const formOk = () => {\r\n        if (!voyage.vessel || !voyage.voyageNumber || (companyUsesVoyageReference && !voyage.reference)) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const getBallastPortCall = async (v: IVessel) => {\r\n        try {\r\n            let _ = await app.api.lastVesselPortCall(v.id);\r\n            return _;\r\n        }\r\n        catch (error) {\r\n\r\n        }\r\n    }\r\n\r\n    const generateVoyageNumber = async (v: IVessel) => {\r\n        try {\r\n            let _ = await app.api.generateVoyageNumber(v.id)\r\n            return _;\r\n        }\r\n        catch (error) {\r\n\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Cancel / back to voyages\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        disabled: saving,\r\n                        onClick: () => history(\"/voyages\")\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"voyages\",\r\n                            title: \"voyages\",\r\n                            url: \"/voyages\"\r\n                        },\r\n                        {\r\n                            id: \"new\",\r\n                            title: \"new\",\r\n                            url: \"/voyages/new\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    Create new voyage\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    <Card\r\n                        title=\"Details\"\r\n                        icon={<FontAwesomeIcon icon={faStream} />}\r\n                        actions={[\r\n                            {\r\n                                title: \"Create voyage\",\r\n                                icon: <FontAwesomeIcon icon={faSave} />,\r\n                                disabled: saving || !formOk(),\r\n                                onClick: () => setSaving(true),\r\n                            }\r\n                        ]}\r\n                    >\r\n                        <CardBody>\r\n                            <AppSearchBox\r\n                                autoFocus\r\n                                required\r\n                                description=\"Vessel\"\r\n                                placeHolder=\"Search for vessel\"\r\n                                endPoint=\"vessels/search\"\r\n                                keyProp=\"id\"\r\n                                titleProp=\"name\"\r\n                                minLengthBeforeSearhing={2}\r\n                                maxResultsContainerHeight={`${46 * 10}px`}\r\n                                defaultValue={voyage.vessel}\r\n                                onSelected={async (_: IVessel) => {\r\n                                    if (_) {\r\n                                        let _voyage: ICreateVoyage = { ...voyage, vessel: _ };\r\n                                        setVoyage(_voyage);\r\n\r\n                                        let vNum = await generateVoyageNumber(_);\r\n                                        let ballastPortCall = await getBallastPortCall(_);\r\n\r\n                                        if (vNum) {\r\n                                            _voyage = { ..._voyage, voyageNumber: vNum };\r\n                                        }\r\n\r\n                                        if (ballastPortCall) {\r\n                                            _voyage = { ..._voyage, ballastPortCall: ballastPortCall };\r\n                                        }\r\n\r\n                                        setVoyage(_voyage);\r\n                                    }\r\n                                    else {\r\n                                        setVoyage({\r\n                                            ...voyage,\r\n                                            vessel: _,\r\n                                            voyageNumber: undefined,\r\n                                            reference: undefined,\r\n                                            ballastPortCall: undefined\r\n                                        });\r\n                                    }\r\n                                }}\r\n                            />\r\n                            <AppNumericTextField\r\n                                required\r\n                                value={voyage.voyageNumber ? voyage.voyageNumber.toString() : \"\"}\r\n                                description=\"Voyage number\"\r\n                                disabled={saving || !voyage.vessel}\r\n                                onChange={(ev, newValue) => {\r\n                                    setVoyage({ ...voyage, voyageNumber: Number(newValue) });\r\n                                }}\r\n                            />\r\n\r\n                            {companyUsesVoyageReference &&\r\n                                <TextField\r\n                                    required={companyUsesVoyageReference}\r\n                                    value={voyage.reference ? voyage.reference : \"\"}\r\n                                    description=\"Voyage reference\"\r\n                                    disabled={saving || !voyage.vessel}\r\n                                    onChange={(ev, newValue) => {\r\n                                        setVoyage({ ...voyage, reference: newValue });\r\n\r\n                                    }}\r\n                                />\r\n                            }\r\n\r\n                            <AppSearchBox\r\n                                description=\"Ballast port call\"\r\n                                placeHolder=\"Search for ballast port call\"\r\n                                endPoint=\"portCalls/search\"\r\n                                keyProp=\"id\"\r\n                                titleProp=\"id\"\r\n                                disabled={saving || !voyage.vessel}\r\n                                additionalQueryParams={[{ key: \"vesselId\", value: voyage.vessel?.id }]}\r\n                                maxResultsContainerHeight={`${46 * 10}px`}\r\n                                customTitle={(_: IPortCall) => {\r\n                                    return _ ? `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}` : \"Unknown\";\r\n                                }}\r\n                                customResultTitle={(_: IPortCall) => {\r\n                                    return `${toCapitalLetters(_.port?.name)} - ${_.voyage?.voyageNumber}`;\r\n                                }}\r\n                                customResultDescription={(_: IPortCall) => {\r\n                                    let tz = resolveTimeZone(_.port?.timeZone);\r\n                                    return <span title={tz}>ETA: {toDateString(_.scheduledArrival, tz, true)}</span>\r\n                                }}\r\n                                minLengthBeforeSearhing={2}\r\n                                defaultValue={voyage.ballastPortCall}\r\n                                onSelected={_ => {\r\n                                    setVoyage({ ...voyage, ballastPortCall: _ });\r\n                                }}\r\n                            />\r\n                            <AppSearchBox\r\n                                description=\"Trade\"\r\n                                placeHolder=\"Search for trade\"\r\n                                endPoint=\"trades/search\"\r\n                                keyProp=\"id\"\r\n                                titleProp=\"name\"\r\n                                minLengthBeforeSearhing={1}\r\n                                disabled={saving}\r\n                                defaultValue={voyage.trade}\r\n                                onSelected={_ => {\r\n                                    setVoyage({ ...voyage, trade: _ });\r\n                                }}\r\n                            />\r\n                            <AppSearchBox\r\n                                description=\"Master\"\r\n                                placeHolder=\"Search for master\"\r\n                                endPoint=\"persons/search\"\r\n                                keyProp=\"id\"\r\n                                disabled={saving}\r\n                                titleProp=\"fullName\"\r\n                                minLengthBeforeSearhing={2}\r\n                                defaultValue={voyage.master}\r\n                                onSelected={_ => {\r\n                                    setVoyage({ ...voyage, master: _ });\r\n                                }}\r\n                            />\r\n                            <div>\r\n                                <PrimaryButton\r\n                                    text=\"Create\"\r\n                                    disabled={saving || !formOk()}\r\n                                    onClick={() => setSaving(true)}\r\n                                />\r\n                            </div>\r\n                        </CardBody>\r\n                    </Card>\r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Container } from \"./Container\";\r\n\r\nexport const VoyageNew = {\r\n    Container: ()=> {\r\n        return <Container />;\r\n    }\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Vogage filter\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters,\r\n                                    {\r\n                                        property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return vessels?.find(v => v.id === _)?.name;\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }\r\n                                ));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Scheduled from\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Scheduled to\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    min-width: 19px;  \r\n    max-width: 19px;  \r\n    height: 19px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: white;\r\n`;\r\n//#endregion\r\n\r\nexport const OriginIcon: React.FC<{ externalId?: string, disabled?: boolean }> = ({ externalId, disabled }) => {\r\n    return (\r\n        <Container\r\n            title={externalId ? `Originating and synced from external system. Ex. system id: ${externalId}` : \"Created in The Ship Real Time Operations\"}\r\n            style={{\r\n                backgroundColor:\r\n                    disabled\r\n                        ? \"#ddd\"\r\n                        : externalId\r\n                            ? \"#aaa\"\r\n                            : \"#4177bf\"\r\n            }}\r\n        >\r\n            {externalId ? \"E\" : \"L\"}\r\n        </Container>\r\n    );\r\n};","import { IFilterValue } from \"./IFilterValue\"\r\n\r\nexport enum CachedFilterType {\r\n    PortCalls,\r\n    Voyages,\r\n    LogReports,\r\n    BunkerDeliveryNotes,\r\n    TankTransfers,\r\n    OvdLogAbstracts,\r\n    OvdBunkerReports,\r\n    Fixtures,\r\n    FuelCorrections,\r\n    Vessels\r\n}\r\n\r\nexport interface ICachedFilter {\r\n    expires: number\r\n    type: CachedFilterType\r\n    filters: IFilterValue[]\r\n}","import { IFilterValue } from \"../interfaces/IFilterValue\";\r\nimport { CachedFilterType, ICachedFilter } from \"../interfaces/ICachedFilter\";\r\nimport { DateTime } from \"luxon\";\r\n\r\nexport const useCachedFilters = () => {\r\n\r\n    const getCachedFilters = (type: CachedFilterType): IFilterValue[] => {\r\n        let storageValue = localStorage.getItem(`TheShipCachedFilter_${CachedFilterType[type]}`);\r\n        if (storageValue) {\r\n            var cachedFilter: ICachedFilter = JSON.parse(storageValue);\r\n            let expiresIn = DateTime.fromMillis(cachedFilter.expires).diffNow();\r\n\r\n            if(expiresIn.as(\"seconds\") < 0) {\r\n                return [];\r\n            }\r\n\r\n            return cachedFilter.filters;\r\n        }\r\n        return [];\r\n    }\r\n\r\n    const setCachedFilters = (type: CachedFilterType, filters: IFilterValue[]) => {\r\n        let cachedFilter: ICachedFilter = {\r\n            expires: DateTime.now().plus({minutes: 30}).toMillis(),\r\n            type,\r\n            filters: filters.filter(_ => !_.auto)\r\n        };\r\n\r\n        localStorage.setItem(`TheShipCachedFilter_${CachedFilterType[type]}`, JSON.stringify(cachedFilter))\r\n    }\r\n\r\n    return { getCachedFilters, setCachedFilters };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChartColumn, faFilter, faPlus, faRoute } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { OriginIcon } from \"../../blocks/originIcon/OriginIcon\";\r\nimport { IVoyage } from \"../../interfaces/IVoyage\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useCachedFilters } from \"../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../interfaces/ICachedFilter\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useMediaQuery } from \"../../hooks/useMediaQuery\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n\r\nconst ReportLink = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n\r\n    >div {\r\n        width: 60px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n        color: #444;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            background-color: #ddd;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Ballast = styled.div`\r\n    display: flex;\r\n        \r\n    >div:first-child {\r\n        background-color: #c4e4ff;\r\n        box-shadow: 0 0 3px #888;\r\n        margin-right: 6px;\r\n        margin-top: 1px;\r\n        font-size: 10px;\r\n        font-weight: 700;\r\n        min-width: 16px;\r\n        max-width: 16px;\r\n        min-height: 16px;\r\n        max-height: 16px;\r\n        padding-left: 1px;\r\n        padding-top: 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Voyages = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const { getDuration, getDurationString, resolveTimeZone } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [voyages, setVoyages] = useState<IVoyage[]>([]);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"externalId\",\r\n            title: \"Origin\",\r\n            gridCellWidth: \"60px\",\r\n            render: (_: IVoyage) => {\r\n                return <OriginIcon externalId={_.externalId} />;\r\n            }\r\n        },\r\n        {\r\n            key: companyUsesVoyageReference ? 'reference' : \"voyageNumber\",\r\n            title: \"Voyage\"\r\n        },\r\n        {\r\n            key: \"vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (_: IVoyage) => {\r\n                return toCapitalLetters(_.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"ballast_port\",\r\n            title: \"Ballast port\",\r\n            exclude: useMediaQuery(\"(max-width: 1500px)\"),\r\n            render: (_: IVoyage) => {\r\n                if (_.ballastPortCall) {\r\n                    return (\r\n                        <Ballast title={`Ballast port - ${toCapitalLetters(_.ballastPortCall.port?.name)}`}>\r\n                            <div>\r\n                                B\r\n                            </div>\r\n                            <div>\r\n                                {toCapitalLetters(_.ballastPortCall?.port?.name)}\r\n                            </div>\r\n                        </Ballast>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"first_last_port\",\r\n            title: \"First / Last port\",\r\n            render: (v: IVoyage) => {\r\n                let first = \"\";\r\n                let last = \"\"\r\n                if (v.portCalls && v.portCalls.length > 0) {\r\n                    first = toCapitalLetters(v.portCalls[0].port?.name);\r\n                    last = v.portCalls.length > 1\r\n                        ? toCapitalLetters(v.portCalls[v.portCalls.length - 1].port?.name)\r\n                        : \"TDB\";\r\n\r\n                    return (\r\n                        <span title={`${first} - ${last}`}>\r\n                            <FontAwesomeIcon icon={faRoute} style={{ fontSize: \"13px\", color: \"#666\", paddingLeft: \" 2px\" }} /> {first} &rarr; {last}\r\n                        </span>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"start\",\r\n            exclude: useMediaQuery(\"(max-width: 850px)\"),\r\n            title: \"Start\",\r\n            render: (_: IVoyage) => {\r\n                let tz = resolveTimeZone();\r\n                return <DateString title={tz} date={_.start} timeZone={tz} short dateOnly />;\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduled duration\",\r\n            exclude: useMediaQuery(\"(max-width: 1600px)\"),\r\n            render: (_: IVoyage) => {\r\n                return getDurationString(getDuration(_.start, _.end), false, true, false);\r\n            }\r\n        },\r\n        {\r\n            key: \"end\",\r\n            exclude: useMediaQuery(\"(max-width: 1200px)\"),\r\n            title: \"End\",\r\n            render: (_: IVoyage) => {\r\n                let tz = resolveTimeZone();\r\n                return <DateString title={tz} date={_.end} timeZone={tz} short dateOnly />;\r\n            }\r\n        },\r\n        {\r\n            key: \"report\",\r\n            title: \"Report\",\r\n            exclude: useMediaQuery(\"(max-width: 800px)\"),\r\n            gridCellWidth: \"max-content\",\r\n            noPadding: true,\r\n            render: (_: IVoyage) => {\r\n                return (\r\n                    <ReportLink>\r\n                        <div\r\n                            title=\"Voyage report\"\r\n                            onClick={ev => {\r\n                                ev.stopPropagation();\r\n                                history(`/voyages/${_.id}/report`);\r\n                            }}\r\n                        >\r\n                            <FontAwesomeIcon icon={faChartColumn} />\r\n                        </div>\r\n                    </ReportLink>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (v: IVoyage) => {\r\n        history(`/voyages/${v.id}/edit`);\r\n    }\r\n\r\n    const getVoyages = () => {\r\n        app.api.getVoyages(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            },\r\n            {\r\n                property: { name: \"includePortCalls\" },\r\n                value: { value: true }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setVoyages(_);\r\n                }\r\n                else {\r\n                    setVoyages([...voyages, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all voyages mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + take\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.Voyages));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getVoyages();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.Voyages, filters)\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo:\r\n                        <span>\r\n                            Voyage free text search looks up the following columns; {companyUsesVoyageReference ? 'Voyage reference' : 'Voyage number'}, Vessel, Ballast port, First port, Last port and External id.\r\n                            <br /><br />\r\n                            Is also possible to target specific columns using keywords. Use colon to target a specific column. E.g. \"<code style={{ fontWeight: 600 }}>from: Rotterdam</code>\" will search for voyages with Rotterdam as the first port. Valid keywords are:\r\n                            <ul>\r\n                                <li>ballast or b (e.g. \"<code style={{ fontWeight: 600 }}>ballast: Bergen</code>\")</li>\r\n                                <li>from or f (e.g. \"<code style={{ fontWeight: 600 }}>f: Rotterdam</code>\")</li>\r\n                                <li>to or t (e.g. \"<code style={{ fontWeight: 600 }}>to: Copenhagen</code>\")</li>\r\n                                <li>vessel or v (e.g. \"<code style={{ fontWeight: 600 }}>v: Digital King</code>\")</li>\r\n                                <li>externalid or ex (e.g. \"<code style={{ fontWeight: 600 }}>ex: 245781</code>\")</li>\r\n                            </ul>\r\n                            Combining multiple targeted columns is also possible using comma as seperator. The following search will look for voyages starting in Rotterdam for the vessel Digital King:\r\n                            <br /><br />\r\n                            <code style={{ fontWeight: 600 }}>f: Rotterdam, vessel: Digital King</code>\r\n                            <br /><br />\r\n                            It's also possible to combine targeted columns and wild card search, such as:\r\n                            <br /><br />\r\n                            <code style={{ fontWeight: 600 }}>f: Rotterdam, Digital King</code>\r\n                        </span>,\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New voyage\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => history(\"/voyages/new\")\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"voyages\",\r\n                            title: \"voyages\",\r\n                            url: \"/voyages\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            rowShadow\r\n                            data={voyages}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { VoyageEdit } from \"./edit\";\r\nimport { VoyageNew } from \"./new\";\r\nimport { Voyages } from \"./Voyages\";\r\n\r\nexport const VoyageComponents = {\r\n    Container: () => {\r\n        return <Voyages />;\r\n    },\r\n    New: VoyageNew,\r\n    Edit: VoyageEdit\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { useVessels } from \"../../../api/hooks/useVessels\";\r\nimport { AppPanel, AppPanelFooter } from \"../../../blocks/appPanel/AppPanel\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useEnumFunctions } from \"../../../hooks/useEnumFunctions\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Log reports filter\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    sortOrder: 5,\r\n                                    property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return toCapitalLetters(vessels?.find(v => v.id === _)?.name);\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"Report types\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select report types\"\r\n                        selectedKeys={getFilter(filters, \"reportTypes\")}\r\n                        options={convertToKeyValuePair(LogReportType)}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"reportTypes\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"reportTypes\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: { name: \"reportTypes\", displayName: \"reports\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return LogReportType[_];\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"From\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\") ? getFilter(filters, \"from\") : undefined,\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        sortOrder: 10,\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"To\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\n\r\n//#region Styled Components\r\nexport const Container = styled.span`\r\n    .port-flag {\r\n        padding-right: 10px;\r\n\r\n        img {\r\n            margin-top: -3px;\r\n        }\r\n    }\r\n\r\n    .port-name {\r\n        font-weight: 500;\r\n    }\r\n\r\n    .port-info {\r\n        padding-left: 5px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PortColumn: FC<{ port?: IPort, hideUnLoCode?: boolean, inActive?: boolean }> = ({ port, hideUnLoCode, inActive }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    if (!port) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container title={`${toCapitalLetters(port.name)}, ${port.country ? toCapitalLetters(port.country) : \"Unknown country\"} | ${port.unLoCode}`}>\r\n            <span className=\"port-flag\" style={{ filter: inActive ? \"grayscale(100%)\" : undefined, opacity: inActive ? \".25\" : undefined }}>\r\n                <ReactCountryFlag countryCode={port.countryCode} svg />\r\n            </span>\r\n            <span>\r\n                <span className=\"port-name\">\r\n                    {toCapitalLetters(port.name)}\r\n                </span>\r\n                {!hideUnLoCode &&\r\n                    <span className=\"port-info\">\r\n                        | {port.unLoCode}\r\n                    </span>\r\n                }\r\n            </span>\r\n        </Container>\r\n    );\r\n\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { faArrowRight, faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { Filter } from \"./Filter\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { FilterContainer } from \"../../../blocks/filter/FilterContainer\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { ILogReport } from \"../../../interfaces/ILogReport\";\r\nimport { useLogReportFunctions } from \"../../../hooks/useLogReportFunctions\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { ModifiedString } from \"../../../blocks/modifiedString/ModifiedString\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { PortColumn } from \"../../../blocks/portColumn/PortColumn\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n\r\nconst TypeColumn = styled.div`\r\n    display: flex;\r\n\r\n    .icon {\r\n        width: 24px;\r\n        color: #333;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LogReports = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const { getTypeIcon } = useLogReportFunctions();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const [reports, setReports] = useState<ILogReport[]>([]);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"type\",\r\n            render: (_: ILogReport) => {\r\n                return (\r\n                    <TypeColumn>\r\n                        <div className=\"icon\">\r\n                            {getTypeIcon(_.type!)}\r\n                        </div>\r\n                        <div>\r\n                            {LogReportType[_.type!]}\r\n                        </div>\r\n                    </TypeColumn>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"voyage\",\r\n            title: \"Voyage\",\r\n            render: (_: ILogReport) => {\r\n                if (_.isLeg) {\r\n                    let fromVoyage = companyUsesVoyageReference ? _.legFrom?.voyage?.reference : _.legFrom?.voyage?.voyageNumber;\r\n                    let toVoyage = companyUsesVoyageReference ? _.legTo?.voyage?.reference : _.legTo?.voyage?.voyageNumber;\r\n\r\n                    return fromVoyage === toVoyage ? fromVoyage : `${fromVoyage}/${toVoyage}`;\r\n                }\r\n\r\n                return companyUsesVoyageReference ? _.portCall?.voyage?.reference : _.portCall?.voyage?.voyageNumber;\r\n            }\r\n        },\r\n        {\r\n            key: \"dateAndTime\",\r\n            title: \"Date & time\",\r\n            render: (_: ILogReport) => {\r\n                let tz = resolveTimeZone(_.portCall?.port?.timeZone);\r\n                return <DateString title={tz} date={_.dateAndTime} timeZone={tz} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (_: ILogReport) => {\r\n                return toCapitalLetters(_.vessel?.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"leg\",\r\n            title: \"Port / leg\",\r\n            render: (_: ILogReport) => {\r\n                if (_.portCall) {\r\n                    return <PortColumn port={_.portCall.port} />\r\n                }\r\n\r\n                return (\r\n                    <>\r\n                        <PortColumn port={_.legFrom?.port} />\r\n                        <span style={{padding: \"0 10px\"}}>\r\n                            <FontAwesomeIcon icon={faArrowRight} />\r\n                        </span>\r\n                        <PortColumn port={_.legTo?.port} />\r\n                    </>\r\n                )\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ILogReport) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (r: ILogReport) => {\r\n        history(`/reports/log/${r.id}`);\r\n    }\r\n\r\n    const getLogReports = () => {\r\n        app.api.getLogReports(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setReports(_);\r\n                }\r\n                else {\r\n                    setReports([...reports, ..._]);\r\n                    if (_.length < take) {\r\n\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all log reports mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length >= take) {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: _.skip + take });\r\n                    });\r\n                }\r\n                else {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: 0, allFetched: true });\r\n                    });\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.LogReports));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getLogReports();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.LogReports, filters);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage progressbar={fetching}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    }\r\n                ]}\r\n                search={{\r\n                    additionalInfo: \"Log reports free text search looks up the following columns; Portcalls, Voyage and Vessel\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.LogReports, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"logReports\",\r\n                            title: \"log reports\",\r\n                            url: \"/reports/log\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            data={reports}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import GoogleMapReactExtended from '../../definitions/googleMapReact'\r\n\r\nexport const MapOptionsDark: GoogleMapReactExtended.MapOptionsExtended = {\r\n    // gestureHandling: \"cooperative\",\r\n    maxZoom: 20,\r\n    minZoom: 3,\r\n    streetViewControl: false,\r\n    // mapTypeControl: true,\r\n    // mapTypeControlOptions: {\r\n    //     style: 2,\r\n    //     position: 3\r\n    // },\r\n    fullscreenControl: true,\r\n    fullscreenControlOptions: {\r\n        position: 9\r\n    },\r\n    zoomControl: true,\r\n    cameraControl: false,\r\n\r\n    styles: [\r\n        {\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#1d2c4d\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#8ec3b9\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"elementType\": \"labels.text.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#1a3646\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"administrative.country\",\r\n            \"elementType\": \"geometry.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#4b6878\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"administrative.land_parcel\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#64779e\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"administrative.province\",\r\n            \"elementType\": \"geometry.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#4b6878\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"landscape.man_made\",\r\n            \"elementType\": \"geometry.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#334e87\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"landscape.natural\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#023e58\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#283d6a\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#6f9ba5\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi\",\r\n            \"elementType\": \"labels.text.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#1d2c4d\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi.park\",\r\n            \"elementType\": \"geometry.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#023e58\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi.park\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#3C7680\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#304a7d\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#98a5be\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road\",\r\n            \"elementType\": \"labels.text.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#1d2c4d\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#2c6675\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"geometry.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#255763\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#b0d5ce\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"labels.text.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#023e58\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"transit\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#98a5be\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"transit\",\r\n            \"elementType\": \"labels.text.stroke\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#1d2c4d\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"transit.line\",\r\n            \"elementType\": \"geometry.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#283d6a\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"transit.station\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#3a4762\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"water\",\r\n            \"elementType\": \"geometry\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#0e1626\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"water\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#4e6d70\"\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport GoogleMapReact from 'google-map-react';\r\nimport { MapOptionsDark } from \"./MapOptionsDark\";\r\nimport { useMapControls } from \"../../hooks/useMapControls\";\r\nimport { ISeaRouteCoordinate } from \"../../interfaces/ISeaRoute\";\r\n\r\ninterface IMap {\r\n    centerCoords?: GoogleMapReact.Coords\r\n    defaultZoom?: number\r\n    children?: any\r\n    mapStyle?: GoogleMapReact.MapOptions\r\n    layerControls?: boolean\r\n    route?: ISeaRouteCoordinate[]\r\n    aisTrace?: ISeaRouteCoordinate[]\r\n    shadowTrace?: ISeaRouteCoordinate[]\r\n    vesselPositions?: ISeaRouteCoordinate[]\r\n}\r\n\r\nconst Map: React.FC<IMap> = ({ centerCoords, defaultZoom, mapStyle, layerControls, children, vesselPositions, route, aisTrace, shadowTrace }) => {\r\n    const { getMapControls } = useMapControls();\r\n    const mapRef: any = useRef();\r\n    const mapsRef: any = useRef();\r\n    const [isLoaded, setIsLoaded] = useState(false);\r\n    const [polyLine, setPolyline] = useState<any | undefined>();\r\n    const [polyLine2, setPolyline2] = useState<any | undefined>();\r\n    const [polyLine3, setPolyline3] = useState<any | undefined>();\r\n    const panTimeout = useRef(0);\r\n    const boundsTimeout = useRef(0);\r\n    const zoomTimeout = useRef(0);\r\n    const [coords, setCoords] = useState<GoogleMapReact.Coords>({\r\n        lat: 55.297770,\r\n        lng: 4.270490\r\n    });\r\n\r\n    const addControls = () => {\r\n        if (layerControls) {\r\n            let controls = getMapControls(mapRef.current, document);\r\n            mapRef.current.controls[3].push(controls);\r\n        }\r\n    }\r\n\r\n    const bspline = (coords?: ISeaRouteCoordinate[]) => {\r\n\r\n\r\n        let i, t, ax, ay, bx, by, cx, cy, dx, dy, lat, lng;\r\n\r\n\r\n        let points: ISeaRouteCoordinate[] = [];\r\n\r\n\r\n        if (coords) {\r\n\r\n            let lats = coords.map(_ => _.lat);\r\n            let lngs = coords.map(_ => _.lng);\r\n\r\n\r\n\r\n            for (i = 2; i < lats.length - 2; i++) {\r\n                for (t = 0; t < 1; t += 0.2) {\r\n                    ax = (-lats[i - 2] + 3 * lats[i - 1] - 3 * lats[i] + lats[i + 1]) / 6;\r\n                    ay = (-lngs[i - 2] + 3 * lngs[i - 1] - 3 * lngs[i] + lngs[i + 1]) / 6;\r\n\r\n                    bx = (lats[i - 2] - 2 * lats[i - 1] + lats[i]) / 2;\r\n                    by = (lngs[i - 2] - 2 * lngs[i - 1] + lngs[i]) / 2;\r\n\r\n                    cx = (-lats[i - 2] + lats[i]) / 2;\r\n                    cy = (-lngs[i - 2] + lngs[i]) / 2;\r\n\r\n                    dx = (lats[i - 2] + 4 * lats[i - 1] + lats[i]) / 6;\r\n                    dy = (lngs[i - 2] + 4 * lngs[i - 1] + lngs[i]) / 6;\r\n\r\n                    lat =\r\n                        ax * Math.pow(t + 0.1, 3) +\r\n                        bx * Math.pow(t + 0.1, 2) +\r\n                        cx * (t + 0.1) +\r\n                        dx;\r\n\r\n                    lng =\r\n                        ay * Math.pow(t + 0.1, 3) +\r\n                        by * Math.pow(t + 0.1, 2) +\r\n                        cy * (t + 0.1) +\r\n                        dy;\r\n\r\n                    points.push({ lat, lng });\r\n\r\n                    // points.push(new google.maps.LatLng(lat, lng));\r\n                }\r\n            }\r\n        }\r\n\r\n\r\n\r\n        return points;\r\n    }\r\n\r\n    const renderPolyline = (strokeColor: string, coords?: ISeaRouteCoordinate[], _polyLine?: any, set?: any) => {\r\n        if (_polyLine) {\r\n            _polyLine.setPath(coords ? coords : []);\r\n            // _polyLine.setPath(bspline(coords));\r\n        }\r\n        else {\r\n            let poly = new mapsRef.current.Polyline({\r\n                path: coords ? coords : [],\r\n                // path: bspline(coords),\r\n                geodesic: false,\r\n                // geodesic: true,\r\n                strokeColor,\r\n                strokeOpacity: 1,\r\n                strokeWeight: 2\r\n            });\r\n            poly.setMap(mapRef.current);\r\n            set(poly);\r\n        }\r\n    }\r\n\r\n    const setBounds = (coords?: ISeaRouteCoordinate[]) => {\r\n        if (coords && coords.length > 0) {\r\n            let bounds = new mapsRef.current.LatLngBounds();\r\n\r\n            bounds.extend(new mapsRef.current.LatLng(\r\n                coords[0].lat,\r\n                coords[0].lng\r\n            ));\r\n\r\n            bounds.extend(new mapsRef.current.LatLng(\r\n                coords[coords.length - 1].lat,\r\n                coords[coords.length - 1].lng\r\n            ));\r\n\r\n            if (coords.length > 1) {\r\n                bounds.extend(new mapsRef.current.LatLng(\r\n                    coords[Math.round(coords.length / 1.5)].lat,\r\n                    coords[Math.round(coords.length / 1.5)].lng\r\n                ));\r\n\r\n                bounds.extend(new mapsRef.current.LatLng(\r\n                    coords[Math.round(coords.length / 2)].lat,\r\n                    coords[Math.round(coords.length / 2)].lng\r\n                ));\r\n\r\n                bounds.extend(new mapsRef.current.LatLng(\r\n                    coords[Math.round(coords.length / 3)].lat,\r\n                    coords[Math.round(coords.length / 3)].lng\r\n                ));\r\n            }\r\n\r\n            smoothPanTo(bounds.getCenter(), bounds);\r\n        }\r\n        else {\r\n            smoothPanTo();\r\n        }\r\n    }\r\n\r\n    const smoothPanTo = (targetCoordinates?: GoogleMapReact.Coords | ISeaRouteCoordinate, bounds?: boolean, zoom?: number) => {\r\n        if (mapRef.current && mapsRef.current) {\r\n            if (bounds) {\r\n                mapRef.current.setOptions({ maxZoom: 8 });\r\n                mapRef.current.fitBounds(bounds, { left: 350, right: 400 });\r\n\r\n                setTimeout(() => {\r\n                    mapRef.current.setOptions({ maxZoom: 20 });\r\n                }, 1000);\r\n            }\r\n            else if (targetCoordinates) {\r\n                mapRef.current.panTo(targetCoordinates ?? coords);\r\n                mapRef.current.setZoom(zoom ?? 8);\r\n            }\r\n\r\n            /*\r\n            panTimeout.current = setTimeout(() => {\r\n                mapRef.current.panTo(targetCoordinates ?? coords);\r\n            }, 1000);\r\n \r\n            // ... we are zooming in or out to fit the bounds of a route\r\n            if (bounds) {\r\n                boundsTimeout.current = setTimeout(() => {\r\n                    mapRef.current.setOptions({ maxZoom: 8 });\r\n                    mapRef.current.fitBounds(bounds, { left: 350, right: 400 });\r\n                    mapRef.current.setOptions({ maxZoom: 20 });\r\n                }, 2000);\r\n \r\n            }\r\n            // ... we are zooming in on a vessel or portcall\r\n            else if (targetCoordinates) {\r\n                zoomTimeout.current = setTimeout(() => {\r\n                    mapRef.current.setZoom(8)\r\n                }, 2000);\r\n            }\r\n            */\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        let hasVesselPositions = vesselPositions && vesselPositions.length > 0;\r\n        let hasRoute = route && route.length > 0;\r\n        let hasAis = aisTrace && aisTrace.length > 0;\r\n        let hasShadowTrace = shadowTrace && shadowTrace.length > 0;\r\n\r\n        if (mapRef.current && mapsRef.current) {\r\n            if (hasRoute || hasAis || hasShadowTrace) {\r\n                // Render poly lines\r\n                renderPolyline(\"#76bdfb\", route, polyLine, setPolyline);\r\n                renderPolyline(\"#9af7a6\", aisTrace, polyLine2, setPolyline2);\r\n                renderPolyline(\"rgb(16, 171, 67, .5)\", shadowTrace, polyLine3, setPolyline3);\r\n\r\n                // Set bounds\r\n                let coords: ISeaRouteCoordinate[] | undefined;\r\n                coords = [];\r\n                if (route) {\r\n                    coords = route;\r\n                }\r\n                if (aisTrace) {\r\n                    coords = coords.concat(aisTrace);\r\n\r\n                    if (shadowTrace) {\r\n                        coords = coords.concat(shadowTrace);\r\n                    }\r\n                }\r\n\r\n                setBounds(coords);\r\n            }\r\n            else {\r\n                renderPolyline(\"#76bdfb\", [], polyLine, setPolyline);\r\n                renderPolyline(\"#9af7a6\", [], polyLine2, setPolyline2);\r\n                renderPolyline(\"rgb(16, 171, 67, .5)\", [], polyLine3, setPolyline3);\r\n                setPolyline(undefined);\r\n                setPolyline2(undefined);\r\n                setPolyline3(undefined);\r\n\r\n                if (centerCoords) {\r\n                    smoothPanTo(centerCoords);\r\n                }\r\n                else if (hasVesselPositions) {\r\n                    setBounds(vesselPositions);\r\n                }\r\n                else {\r\n                    // Set center to Bergen\r\n                    smoothPanTo({ lat: 60.39, lng: 5.31 }, undefined, 4);\r\n                }\r\n            }\r\n        }\r\n    }, [mapRef.current, vesselPositions, route, aisTrace, shadowTrace, centerCoords])\r\n\r\n    return (\r\n        <GoogleMapReact\r\n            defaultZoom={defaultZoom ?? 4}\r\n            center={coords}\r\n            bootstrapURLKeys={{ key: \"AIzaSyDviEJiRYFq5-THjWRQhoV7JnQBbXZbiQc\" }}\r\n            yesIWantToUseGoogleMapApiInternals\r\n            options={mapStyle ? mapStyle : MapOptionsDark}\r\n            onGoogleApiLoaded={({ map, maps }) => {\r\n\r\n                let sidebar = document.getElementById(\"vessel-sidebar-overlay\");\r\n                let theShipLogo = document.getElementById(\"theship-logo\");\r\n                let companyLogo = document.getElementById(\"company-logo\");\r\n                let mapdiv = document.getElementsByClassName(\"gm-style\")[0];\r\n\r\n                if (mapdiv) {\r\n                    if (sidebar) {\r\n                        mapdiv.appendChild(sidebar);\r\n                    }\r\n                    if (theShipLogo) {\r\n                        mapdiv.appendChild(theShipLogo);\r\n                    }\r\n                    if (companyLogo) {\r\n                        mapdiv.appendChild(companyLogo);\r\n                    }\r\n                }\r\n\r\n                mapRef.current = map;\r\n                mapsRef.current = maps;\r\n\r\n                setIsLoaded(true);\r\n                addControls();\r\n            }}\r\n\r\n        >\r\n            {isLoaded &&\r\n                children\r\n            }\r\n        </GoogleMapReact>\r\n    );\r\n};\r\n\r\nexport default Map;","export const useMapControls = () => {\r\n\r\n    const createWrapper = (doc: Document): HTMLDivElement => {\r\n        let div = doc.createElement(\"div\");\r\n\r\n        div.id = \"map-controls\";\r\n        div.style.backgroundColor = \"transparent\";\r\n        div.style.padding = \"10px\";\r\n        return div;\r\n    }\r\n\r\n    const createInnerWrapper = (doc: Document): HTMLDivElement => {\r\n        let div = doc.createElement(\"div\");\r\n\r\n        div.style.backgroundColor = \"rgb(255,255,255,.8)\";\r\n        div.style.borderRadius = \"2px\";\r\n        div.style.padding = \"0 7px\";\r\n        div.style.display = \"flex\";\r\n        div.style.fontSize = \"12px\";\r\n        div.style.cursor = \"pointer\";\r\n        div.style.borderBottom = \"1px solid #333\";\r\n\r\n        return div;\r\n    }\r\n\r\n    const createLink = (doc: Document, txt: string, onClick: () => void): HTMLDivElement => {\r\n        let div = doc.createElement(\"div\");\r\n\r\n        div.style.borderRadius = \"2px\";\r\n        div.style.display = \"flex\";\r\n        div.style.fontSize = \"11px\";\r\n        div.style.cursor = \"pointer\";\r\n        div.style.padding = \"7px 7px 6px\";\r\n        div.style.color = \"#666\";\r\n        div.style.fontWeight = \"500\";\r\n        div.style.textTransform = \"uppercase\";\r\n        div.style.letterSpacing = \"1px\";\r\n        div.innerHTML = txt;\r\n\r\n        div.addEventListener(\"click\", onClick);\r\n\r\n        return div;\r\n    }\r\n\r\n    const getMapControls = (map: any, doc: Document) => {\r\n\r\n        // Create inner wrapper\r\n        let innerWrapper = createInnerWrapper(doc);\r\n\r\n        // Add map type links\r\n        innerWrapper.appendChild(createLink(doc, \"Maritime\", () => map.setMapTypeId(\"roadmap\")));\r\n        innerWrapper.appendChild(createLink(doc, \"Satellite\", () => map.setMapTypeId(\"satellite\")));\r\n        innerWrapper.appendChild(createLink(doc, \"Hybrid\", () => map.setMapTypeId(\"hybrid\")));\r\n        innerWrapper.appendChild(createLink(doc, \"Terrain\", () => map.setMapTypeId(\"terrain\")));\r\n\r\n        // Create and add to outer wrapper\r\n        let wrapper = createWrapper(doc);\r\n        wrapper.appendChild(innerWrapper);\r\n\r\n        // Return controls\r\n        return wrapper;\r\n    }\r\n\r\n    return { getMapControls };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { ILogReport } from '../interfaces/ILogReport';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setLogReport\", logReport: ILogReport };\r\n\r\ntype ContextData = {\r\n    logReport?: ILogReport\r\n}\r\n\r\ninterface IReducers {\r\n    state: ContextData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useLogReportContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ContextData, action: ReducerAction): ContextData => {\r\n    switch (action.type) {\r\n        case \"setLogReport\":\r\n            return {\r\n                ...state,\r\n                logReport: action.logReport\r\n            };\r\n    }\r\n}\r\n\r\nexport const LogReportContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useLogReportProvider = () => {\r\n    const { state, dispatch } = useLogReportContext();\r\n\r\n    return {\r\n        logReport: state.logReport,\r\n\r\n        setLogReport: (logReport: ILogReport) => {\r\n            dispatch({\r\n                type: \"setLogReport\",\r\n                logReport\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { faLocationArrow } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ clickable?: boolean, highlighted?: boolean, large?: boolean, blurBubble?: boolean }>`\r\n    height: 26px;\r\n    width: 26px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform: translate(-50%, -50%);\r\n    position: relative;\r\n    \r\n    .arrow {\r\n        font-size: 20px;\r\n        color: #16da57;\r\n    }\r\n\r\n    .bubble {\r\n        opacity: ${_ => _.blurBubble ? .4 : 1};\r\n        position: absolute;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        top: -34px;\r\n        white-space: nowrap;\r\n        font-size: 13px;\r\n        font-weight: 400;\r\n        padding: 4px 8px;\r\n        border-radius: 2px;\r\n        border: 1px solid #ccc;\r\n\r\n        :after{\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 0;\r\n            bottom: -6px;\r\n            left: 50%;\r\n            transform: translateX(-50%) rotate(-45deg);\r\n            box-sizing: border-box;\r\n            border: 6px solid black;\r\n            border-color: transparent transparent #4177bf #4177bf;\r\n        }\r\n    }\r\n\r\n    ${_ => _.clickable\r\n        ? css`\r\n            cursor: pointer;\r\n            :hover {\r\n                .bubble {\r\n                    background-color: #3867a5;\r\n                }\r\n            }\r\n        `\r\n        : undefined\r\n    };\r\n\r\n    ${_ => _.highlighted\r\n        ? css`\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 0 rgba(22, 218, 87, 1);\r\n            animation: highlighted-pulse 2.5s infinite;\r\n        `\r\n        : undefined\r\n    };\r\n\r\n    ${_ => _.large\r\n        ? css`\r\n            .arrow {\r\n                font-size: 28px;\r\n            }\r\n\r\n            .bubble {\r\n                top: -50px;\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                border-width: 2px;\r\n                letter-spacing: .5px;\r\n                padding: 6px 10px;\r\n                border-radius: 4px;\r\n            }\r\n        `\r\n        : undefined\r\n    };\r\n\r\n    @keyframes highlighted-pulse {\r\n        0% {\r\n            box-shadow: 0 0 0 0 rgba(22, 218, 87, 0.8);\r\n        }\r\n        70% {\r\n            box-shadow: 0 0 0 ${_ => _.large ? \"30px\" : \"24px\"} rgba(22, 218 , 87, 0);\r\n        }\r\n        100% {\r\n            box-shadow: 0 0 0 0 rgba(22, 218, 87, 0);\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MapVesselMarker: React.FC<{ lat: number, lng: number, title?: string, highlighted?: boolean, large?: boolean, heading?: number, vesselName: string, blurBubble?: boolean, onClick?: () => void }> = ({ title, highlighted, large, vesselName, heading, blurBubble, onClick }) => {\r\n\r\n    const getTitle = () => {\r\n        let t: string | undefined;\r\n\r\n        if (title) {\r\n            t = title;\r\n        }\r\n\r\n        if (onClick) {\r\n            if (t) {\r\n                t += \". Click for more details.\";\r\n            }\r\n            else {\r\n                t = \"Click for more details.\"\r\n            }\r\n        }\r\n\r\n        return t;\r\n    }\r\n\r\n    return (\r\n        <Container title={getTitle()} clickable={onClick ? true : false} onClick={onClick} highlighted={highlighted} large={large} blurBubble={blurBubble}>\r\n            <div className=\"arrow\">\r\n                <FontAwesomeIcon\r\n                    icon={faLocationArrow}\r\n                    transform={{ rotate: -45 + (heading ?? 0) }}\r\n                />\r\n            </div>\r\n            <div className=\"bubble\">\r\n                {vesselName}\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport Map from \"../../../map/Map\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { MapVesselMarker } from \"../../../map/MapVesselMarker\";\r\nimport { LogReportType } from \"../../../../_enums/LogReportType\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 250px;\r\n\r\n    /* Rounded corners on map */\r\n    > div > div {\r\n        border-radius: 4px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const LogReportMap = () => {\r\n    const { logReport: r } = useLogReportProvider();\r\n\r\n    return (\r\n        <Card hideHeader={true}>\r\n            <Container>\r\n                {r &&\r\n                    <Map vesselPositions={[{ lat: r.lat ? r.lat : 0, lng: r.lng ? r.lng : 0 }]} defaultZoom={7}>\r\n                        {r.lat && r.lng &&\r\n                            <MapVesselMarker\r\n                                key={'selected-vessel'}\r\n                                lat={r.lat}\r\n                                lng={r.lng}\r\n                                heading={61}\r\n                                vesselName={`${r.type ? LogReportType[r.type!] : \"\"} report position`}\r\n                                showBubble={true}\r\n                            />\r\n                        }\r\n                    </Map>\r\n                }\r\n            </Container>\r\n        </Card>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    color: #333;\r\n`;\r\n\r\nconst Value = styled.div<{ isLink: boolean }>`\r\n    ${_ => _.isLink\r\n        ? css`\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n            :hover {\r\n                text-decoration: underline;\r\n            }\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n\r\nconst Title = styled.div`\r\n    color: #999;\r\n    font-size: 10px;\r\n    letter-spacing: .5px;\r\n    text-transform: uppercase;\r\n    margin-top: 2px;\r\n`;\r\n//#endregion\r\n\r\nexport const CardValueAndTitle: FC<{ title: string, hoverTitle?: string, value?: any, onClick?: () => void }> = ({ title, hoverTitle, value, onClick }) => {\r\n    return (\r\n        <Container title={hoverTitle}>\r\n            <Value onClick={onClick} isLink={onClick ? true : false}>{value ? value : \"-\"}</Value>\r\n            <Title>{title}</Title>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { CardValueAndTitle } from \"../../../../blocks/card/CardValueAndTitle\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { LogReportType } from \"../../../../_enums/LogReportType\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { ILogReport } from \"../../../../interfaces/ILogReport\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 15px 10px;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        margin: 8px 20px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const LogReportHeader = () => {\r\n    const { app } = useAppContext();\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone, relativeDateString } = useDateFunctions();\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const tz = resolveTimeZone(r?.portCall?.port?.timeZone);\r\n\r\n    const getVoyageString = (r: ILogReport): string => {\r\n        if (r.isLeg) {\r\n            const legFromVoyageNumber = companyUsesVoyageReference ? r.legFrom?.voyage?.reference : r.legFrom?.voyage?.voyageNumber;\r\n            const legToVoyageNumber = companyUsesVoyageReference ? r.legTo?.voyage?.reference : r.legTo?.voyage?.voyageNumber;\r\n            if (legFromVoyageNumber === legToVoyageNumber) {\r\n                return legFromVoyageNumber?.toString() ?? \"\";\r\n            } else {\r\n                return `${legFromVoyageNumber}/${legToVoyageNumber}`;\r\n            }\r\n        } else {\r\n            return companyUsesVoyageReference ? r.portCall?.voyage?.reference?.toString() ?? \"N/A\" : r.portCall?.voyage?.voyageNumber?.toString() ?? \"N/A\";\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            loading={!r}\r\n            title=\"Report date and type\"\r\n        >\r\n            {r &&\r\n                <Body>\r\n                    <CardValueAndTitle\r\n                        title=\"Vessel\"\r\n                        value={toCapitalLetters(r.vessel?.name)}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Date & time\"\r\n                        value={<span><DateString title={tz} date={r.dateAndTime} timeZone={tz} /></span>}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Voyage\"\r\n                        value={getVoyageString(r)}\r\n                        onClick={r.portCall && r.portCall.voyage ? () => history(`/voyages/${r.portCall?.voyage?.id}/edit`) : undefined}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Leg/port\"\r\n                        value={r.isLeg ? \"Leg\" : \"Port\"}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Report type\"\r\n                        value={LogReportType[r.type!]}\r\n                    />\r\n                    {r.portCall &&\r\n                        <CardValueAndTitle\r\n                            title=\"Port\"\r\n                            value={toCapitalLetters(r.portCall?.port?.name)}\r\n                            onClick={() => {\r\n                                history(`/portcalls/${r.portCall?.id}`);\r\n                            }}\r\n                        />\r\n                    }\r\n                    {r.legFrom && r.legTo &&\r\n                        <CardValueAndTitle\r\n                            title=\"Leg\"\r\n                            value={<span>{toCapitalLetters(r.legFrom?.port?.name)} &rarr; {toCapitalLetters(r.legTo?.port?.name)}</span>}\r\n                        />\r\n                    }\r\n                    {r.nextPortCall && r.etaNextPortCall &&\r\n                        <CardValueAndTitle\r\n                            title=\"Next port / ETA\"\r\n                            value={\r\n                                <span>\r\n                                    <span>{toCapitalLetters(r.nextPortCall?.port?.name)}</span> / <DateString date={r.etaNextPortCall} timeZone={resolveTimeZone(r.nextPortCall.port?.timeZone)} short />\r\n                                </span>\r\n\r\n                            }\r\n                            onClick={() => {\r\n                                history(`/portcalls/${r.nextPortCall?.id}`);\r\n                            }}\r\n                        />\r\n                    }\r\n                    <CardValueAndTitle\r\n                        title=\"Modified\"\r\n                        value={relativeDateString(r.modified, { days: 1 })}\r\n                    />\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","export enum BeaufortScales {\r\n    Calm = 0,\r\n    \"Light Air\" = 1,\r\n    \"Light Breeze\" = 2,\r\n    \"Gentle Breeze\" = 3,\r\n    \"Moderate Breeze\" = 4,\r\n    \"Fresh Breeze\" = 5,\r\n    \"Strong Breeze\" = 6,\r\n    \"Near Gale\" = 7,\r\n    Gale = 8,\r\n    \"Severe Gale\" = 9,\r\n    Storm = 10,\r\n    \"Violent Storm\" = 11,\r\n    Hurricane = 12,\r\n    \"n/a\" = -1\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { CardValueAndTitle } from \"../../../../blocks/card/CardValueAndTitle\";\r\nimport { useNavigation } from \"../../../../hooks/useNavigation\";\r\nimport { BeaufortScales } from \"../../../../_enums/BeaufortScales\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 15px 10px;\r\n    font-size: 14px;\r\n    \r\n    >div {\r\n        margin: 8px 20px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const LogReportDetails = () => {\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { getNavigationName, convertDEGToDMSString } = useNavigation();\r\n\r\n    return (\r\n        <Card loading={!r} title=\"Details\">\r\n            {r &&\r\n                <Body>\r\n                    <CardValueAndTitle\r\n                        title=\"Position\"\r\n                        value={\r\n                            r.lat && r.lat !== 0 && r.lng && r.lng !== 0\r\n                                ? `${convertDEGToDMSString(true, r.lat)} / ${convertDEGToDMSString(false, r.lng)}`\r\n                                : \"No position\"\r\n                        }\r\n                    />\r\n                    {(r.distance || r.distanceThroughWater) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Distance / Dtw\"\r\n                            hoverTitle=\"Distance since previous report\"\r\n                            value={`${r.distance ? `${r.distance.toLocaleString(undefined, { minimumFractionDigits: 3 })} nm` : \"-\"} / ${r.distanceThroughWater ? `${r.distanceThroughWater.toLocaleString(undefined, { minimumFractionDigits: 3 })} nm` : \"-\"}`}\r\n                        />\r\n                    }\r\n                    {r.distanceToGo &&\r\n                        <CardValueAndTitle\r\n                            title=\"Distance to go\"\r\n                            value={r.distanceToGo ? `${r.distanceToGo.toLocaleString(undefined, { minimumFractionDigits: 3 })} nm` : \"-\"}\r\n                        />\r\n                    }\r\n                    {(r.speedSog || r.speedStw) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Speed (SOG / STW)\"\r\n                            value={`${r.speedSog ? `${r.speedSog.toLocaleString(undefined, { minimumFractionDigits: 2 })} kn` : \"-\"} / ${r.speedStw ? `${r.speedStw.toLocaleString(undefined, { minimumFractionDigits: 2 })} kn` : \"-\"}`}\r\n                        />\r\n                    }\r\n                    {r.averageSpeed &&\r\n                        <CardValueAndTitle\r\n                            title=\"Average speed\"\r\n                            hoverTitle=\"Average speed since previous report\"\r\n                            value={r.averageSpeed ? `${r.averageSpeed.toLocaleString(undefined, { minimumFractionDigits: 2 })} kn` : \"-\"}\r\n                        />\r\n                    }\r\n                    {r.course &&\r\n                        <CardValueAndTitle\r\n                            title=\"Course\"\r\n                            value={`${r.course}° ${getNavigationName(r.course)}`}\r\n                        />\r\n                    }\r\n                    {(r.windDirectionRelative || r.windDirectionTrue) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Wind direction (True / relative)\"\r\n                            value={`\r\n                                ${r.windDirectionTrue\r\n                                    ? `${r.windDirectionTrue}° ${getNavigationName(r.windDirectionTrue)}`\r\n                                    : \"-\"\r\n                                }\r\n                                /\r\n                                ${r.windDirectionRelative\r\n                                    ? `${r.windDirectionRelative}° ${getNavigationName(r.windDirectionRelative)}`\r\n                                    : \"-\"\r\n                                }\r\n                            `}\r\n                        />\r\n                    }\r\n                    {r.windForce &&\r\n                        <CardValueAndTitle\r\n                            title=\"Wind force\"\r\n                            value={`${r.windForce}. ${BeaufortScales[r.windForce]}`}\r\n                        />\r\n                    }\r\n                    {(r.waveHeight || r.waveDirection) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Wave height / direction\"\r\n                            value={`\r\n                                ${r.waveHeight\r\n                                    ? `${r.waveHeight.toLocaleString(undefined, { minimumFractionDigits: 2 })} m`\r\n                                    : \"-\"\r\n                                }\r\n                                /\r\n                                ${r.waveDirection\r\n                                    ? `${r.waveDirection}° ${getNavigationName(r.waveDirection)}`\r\n                                    : \"-\"\r\n                                }\r\n                            `}\r\n                        />\r\n                    }\r\n                    {(r.speedOfCurrent || r.directionOfCurrent) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Speed of current / direction\"\r\n                            value={`\r\n                                ${r.speedOfCurrent\r\n                                    ? `${r.speedOfCurrent.toLocaleString(undefined, { minimumFractionDigits: 2 })} kn`\r\n                                    : \"-\"\r\n                                }\r\n                                /\r\n                                ${r.directionOfCurrent\r\n                                    ? `${r.directionOfCurrent}° ${getNavigationName(r.directionOfCurrent)}`\r\n                                    : \"-\"\r\n                                }\r\n                            `}\r\n                        />\r\n                    }\r\n                    {r.cargoOnboard &&\r\n                        <CardValueAndTitle\r\n                            title=\"Cargo onboard\"\r\n                            value={`${r.cargoOnboard.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt`}\r\n                        />\r\n                    }\r\n                    {r.deadweightCarried &&\r\n                        <CardValueAndTitle\r\n                            title=\"Deadweight carried\"\r\n                            value={`${r.deadweightCarried.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt`}\r\n                        />\r\n                    }\r\n                    {r.freshWaterRob &&\r\n                        <CardValueAndTitle\r\n                            title=\"Fresh water on board\"\r\n                            value={`${r.freshWaterRob.toLocaleString(undefined, { minimumFractionDigits: 3 })} mt`}\r\n                        />\r\n                    }\r\n                    {(r.draftForward || r.draftMidShip || r.draftAft) &&\r\n                        <CardValueAndTitle\r\n                            title=\"Draft (fwd / mid / aft)\"\r\n                            value={`${r.draftForward ? `${r.draftForward} m` : \"-\"} / ${r.draftMidShip ? `${r.draftMidShip} m` : \"-\"} / ${r.draftAft ? `${r.draftAft} m` : \"-\"}`}\r\n                        />\r\n                    }\r\n                    {r.displacement &&\r\n                        <CardValueAndTitle\r\n                            title=\"Displacement\"\r\n                            value={r.displacement ? `${r.displacement.toLocaleString(undefined, { minimumFractionDigits: 2 })} mt` : \"-\"}\r\n                        />\r\n                    }\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import { DateTime } from \"luxon\";\r\nimport { IVessel } from \"../interfaces/IVessel\";\r\nimport { IVesselSettings } from \"../interfaces/IVesselSettings\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\n\r\nexport const useVesselFunctions = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    // Used for handling transfer from liters to metric tons for Hagland\r\n    const getReportMeasurement = (customerId: string, date?: Date, settings?: IVesselSettings): string => {\r\n        if (!settings || !date) {\r\n            return \"?\";\r\n        }\r\n\r\n        // If cutoff date not set or date is less than cutoff date, reutrn liters. Otherwise return metric tons\r\n        if (customerId?.toLowerCase() === 'e8855d22-1f79-4bb7-a6de-859d5d7157ec') {\r\n            if (!settings.voyageReportTypeCutoffDate || makeDateObject(date) < makeDateObject(settings.voyageReportTypeCutoffDate)) {\r\n                return \"L\";\r\n            }\r\n        }\r\n\r\n        return \"MT\";\r\n    }\r\n\r\n    const createNew = (): IVessel => {\r\n        return ({\r\n            id: 0,\r\n            inActive: false,\r\n            deleted: false,\r\n            modified: DateTime.now().toJSDate(),\r\n            engines: [],\r\n            storages: [],\r\n            fuel: [],\r\n            vesselFuels: [],\r\n            cranes: [],\r\n            tanks: [],\r\n            oilTanks: []\r\n        });\r\n    }\r\n\r\n    return { createNew, getReportMeasurement };\r\n};","import React from \"react\";\r\nimport { AppTable } from \"../../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { IConsumption } from \"../../../../interfaces/IConsumption\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { useVesselFunctions } from \"../../../../hooks/useVesselFunctions\";\r\n\r\nexport const LogReportConsumption = () => {\r\n    const { app } = useAppContext();\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { getReportMeasurement } = useVesselFunctions();\r\n    const measurement = getReportMeasurement(app.currentCustomerRole.customer.id, r?.dateAndTime, r?.vessel?.settings);\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"engine.name\",\r\n            title: \"Engine\"\r\n        },\r\n        {\r\n            key: \"fuel.name\",\r\n            title: \"fuel\"\r\n        },\r\n        {\r\n            key: \"consumed\",\r\n            render: (_: IConsumption) => {\r\n                return `${_.consumed ? `${_.consumed.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"rpm\",\r\n            render: (_: IConsumption) => {\r\n                return `${_.rpm ? `${_.rpm}` : \"-\"}`;\r\n            }\r\n        }\r\n    ];\r\n\r\n    if (!r?.consumptions || r.consumptions.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Engine & fuel consumption\">\r\n            <AppTable\r\n                columns={columns}\r\n                data={r?.consumptions}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport { AppTable } from \"../../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { IRob } from \"../../../../interfaces/IRob\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { useVesselFunctions } from \"../../../../hooks/useVesselFunctions\";\r\n\r\nexport const LogReportRob = () => {\r\n    const { app } = useAppContext();\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { getReportMeasurement } = useVesselFunctions();\r\n    const measurement = getReportMeasurement(app.currentCustomerRole.customer.id, r?.dateAndTime, r?.vessel?.settings);\r\n    \r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"tank.name\",\r\n            title: \"tank\"\r\n        },\r\n        {\r\n            key: \"fuel.name\",\r\n            title: \"fuel\"\r\n        },\r\n        {\r\n            key: \"qty\",\r\n            title: \"Remaining\",\r\n            render: (_: IRob) => {\r\n                return `${_.qty ? `${_.qty.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}`;\r\n            }\r\n        }\r\n    ]\r\n\r\n    if(!r?.robs || r.robs.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Remaining on board\">\r\n            <AppTable\r\n                columns={columns}\r\n                data={r?.robs}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion \r\n\r\nexport const LogReportComments = () => {\r\n    const { logReport: r } = useLogReportProvider();\r\n\r\n    if(!r?.comments) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card loading={!r} title=\"Comments\">\r\n            <Body>{r.comments}</Body>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport { AppTable } from \"../../../../blocks/appTable/AppTable\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { IElectricity } from \"../../../../interfaces/IElectricity\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\nexport const LogReportElectricity = () => {\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(r?.portCall?.port?.timeZone);\r\n    \r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"start\",\r\n            title: \"Connected\",\r\n            render: (_: IElectricity) => {\r\n                return !_.start ? \"-\" : <span><DateString title={tz} date={_.start} timeZone={tz} /></span>\r\n            }\r\n        },\r\n        {\r\n            key: \"end\",\r\n            title: \"Disconnected\",\r\n            render: (_: IElectricity) => {\r\n                return !_.end ? \"-\" : <span><DateString title={tz} date={_.end} timeZone={tz} /></span>\r\n            }\r\n        },\r\n        {\r\n            key: \"ReceivedKwh\",\r\n            title: \"received\",\r\n            render: (_: IElectricity) => {\r\n                return !_.receivedKwh ? \"-\" : `${_.receivedKwh.toLocaleString(undefined, { minimumFractionDigits: 2 })} kWh`;\r\n            }\r\n        }\r\n    ]\r\n\r\n    if(!r?.electricities || r.electricities.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Shore side electricity\">\r\n            <AppTable\r\n                columns={columns}\r\n                data={r?.electricities}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { useVesselFunctions } from \"../../../../hooks/useVesselFunctions\";\r\nimport { ITankConsumption } from \"../../../../interfaces/ITankConsumption\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\n\r\nexport const LogReportTankConsumption = () => {\r\n    const { app } = useAppContext();\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { getReportMeasurement } = useVesselFunctions();\r\n    const measurement = getReportMeasurement(app.currentCustomerRole.customer.id, r?.dateAndTime, r?.vessel?.settings);\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"tank.name\",\r\n            title: \"Tank\"\r\n        },\r\n\r\n        {\r\n            key: \"engine.name\",\r\n            title: \"Engine\"\r\n        },\r\n\r\n        {\r\n            key: \"consumed\",\r\n            render: (_: ITankConsumption) => {\r\n                return `${_.consumed ? `${_.consumed.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"rpm\",\r\n            render: (_: ITankConsumption) => {\r\n                return `${_.rpm ? `${_.rpm}` : \"-\"}`;\r\n            }\r\n        }\r\n    ];\r\n\r\n    if (!r?.tankConsumptions || r.tankConsumptions.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Engine & fuel consumption\">\r\n            <AppGridTableNew\r\n                blueHeader\r\n                columns={columns}\r\n                data={r?.tankConsumptions}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { useVesselFunctions } from \"../../../../hooks/useVesselFunctions\";\r\nimport { ITankRob } from \"../../../../interfaces/ITankRob\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .fuel-robs {\r\n        >div {\r\n            display: grid;\r\n            grid-template-columns: auto auto;\r\n            gap: 30px;\r\n            padding-bottom: 6px;\r\n            margin-bottom: 6px;\r\n            border-bottom: 1px dotted #ddd;\r\n\r\n            >div:last-child {\r\n                text-align: right;\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            padding-bottom: 0;\r\n            margin-bottom: 0;\r\n            border-bottom: none;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LogReportTankRob = () => {\r\n    const { app } = useAppContext();\r\n    const { logReport: r } = useLogReportProvider();\r\n    const { getReportMeasurement } = useVesselFunctions();\r\n    const hasFuelRobs = r && r.tankRobs && r.tankRobs.filter(_ => _.fuelRobs && _.fuelRobs.length > 0).length > 0;\r\n    const measurement = getReportMeasurement(app.currentCustomerRole.customer.id, r?.dateAndTime, r?.vessel?.settings);\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"tank.name\",\r\n            title: \"tank\"\r\n        },\r\n        {\r\n            key: \"totalRob\",\r\n            title: \"Remaining\",\r\n            render: (_: ITankRob) => {\r\n                return `${_.totalRob ? `${_.totalRob.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"fuels\",\r\n            title: \"Fuel break down\",\r\n            exclude: !hasFuelRobs,\r\n            render: (_: ITankRob) => {\r\n                if (_.fuelRobs && _.fuelRobs?.length > 0) {\r\n                    return (\r\n                        <div className=\"fuel-robs\">\r\n                            {_.fuelRobs.map((fr, index) => {\r\n                                return (\r\n                                    <div key={`TankRob_${_.id}_FuelRob_${index}`}>\r\n                                        <div>\r\n                                            {fr.fuel?.name}\r\n                                        </div>\r\n                                        <div>\r\n                                            {fr.rob ? `${fr.rob.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}\r\n                                        </div>\r\n                                    </div>\r\n                                );\r\n                            })}\r\n                        </div>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"sounding\",\r\n            title: \"Sounding\",\r\n            gridCellWidth: \"max-content\",\r\n            textAlign: \"center\",\r\n            render: (_: ITankRob) => {\r\n                if (_.sounding) {\r\n                    return <FontAwesomeIcon icon={faCheck} />;\r\n                }\r\n            }\r\n        }\r\n    ]\r\n\r\n    if (!r?.tankRobs || r.tankRobs.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Card title=\"Remaining on board\">\r\n                <AppGridTableNew\r\n                    blueHeader\r\n                    columns={columns}\r\n                    data={r?.tankRobs}\r\n                />\r\n            </Card>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useLogReportProvider } from \"../../../../contextHooks/LogReportContext\";\r\nimport { IOilTankRob } from \"../../../../interfaces/IOilTankRob\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\n\r\nexport const LogReportOilTankRob = () => {\r\n    const { logReport: r } = useLogReportProvider();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"tank.name\",\r\n            title: \"tank\"\r\n        },\r\n        {\r\n            key: \"rob\",\r\n            title: \"Rob\",\r\n            render: (_: IOilTankRob) => {\r\n                return `${_.rob ? `${_.rob.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT` : \"-\"}`;\r\n            }\r\n        }\r\n    ]\r\n\r\n    if (!r?.oilTankRobs || r.oilTankRobs.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Oil tank rob\">\r\n            <AppGridTableNew\r\n                blueHeader\r\n                columns={columns}\r\n                data={r?.oilTankRobs}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExternalLinkSquare } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useLogReport } from \"../../../api/hooks/useLogReport\";\r\nimport { LogReportMap } from \"./modules/LogReportMap\";\r\nimport { LogReportHeader } from \"./modules/LogReportHeader\";\r\nimport { LogReportDetails } from \"./modules/LogReportDetails\";\r\nimport { LogReportConsumption } from \"./modules/LogReportConsumption\";\r\nimport { LogReportRob } from \"./modules/LogReportRob\";\r\nimport { LogReportComments } from \"./modules/LogReportComments\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { OpenInAppMenuItem } from \"../../../blocks/openInApMenuItem/OpenInAppMenuItem\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useLogReportProvider } from \"../../../contextHooks/LogReportContext\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { LogReportElectricity } from \"./modules/LogReportElectricity\";\r\nimport { LogReportTankConsumption } from \"./modules/LogReportTankConsumption\";\r\nimport { LogReportTankRob } from \"./modules/LogReportTankRob\";\r\nimport { LogReportOilTankRob } from \"./modules/LogReportOilTankRob\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const LogReportContainer = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { logReport: apiLogReport, error } = useLogReport(id);\r\n    const { logReport, setLogReport } = useLogReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getError } = useRest();\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n    const history = useNavigate();\r\n\r\n    useEffect(() => {\r\n        if (error) {\r\n            getError(error)\r\n                .then(_ => {\r\n                    setErrorMessage(_);\r\n                });\r\n        }\r\n    }, [error])\r\n\r\n    useEffect(() => {\r\n        if (apiLogReport) {\r\n            setLogReport(apiLogReport);\r\n        }\r\n    }, [apiLogReport]);\r\n\r\n    if (errorMessage) {\r\n        return (\r\n            <LoadingSpinner text={errorMessage} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <ContentPage working={!logReport}>\r\n            {logReport &&\r\n                <div>\r\n                    <ContentPageHeader\r\n                        actions={[\r\n                            {\r\n                                title: \"Back\",\r\n                                icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                                onClick: () => history(-1)\r\n                            },\r\n                            {\r\n                                icon: <FontAwesomeIcon icon={faExternalLinkSquare} />,\r\n                                title: \"Open port call in app\",\r\n                                render: () => {\r\n                                    return <OpenInAppMenuItem key=\"OpenInApp\" appLink={`/reports/log/${logReport.id}`} vesselId={logReport.vessel!.id} />\r\n                                }\r\n                            }\r\n                        ]}\r\n                    >\r\n                        <ContentPageNavigation\r\n                            items={[\r\n                                {\r\n                                    id: \"logreports\",\r\n                                    title: \"log reports\",\r\n                                    url: \"/reports/log\"\r\n                                },\r\n                                {\r\n                                    id: logReport.id,\r\n                                    title: LogReportType[logReport.type!],\r\n                                    url: `/reports/log/${logReport?.id}`\r\n                                }\r\n                            ]}\r\n                        />\r\n                    </ContentPageHeader>\r\n                    <ContentPageBody>\r\n                        <ContentPageTitle>\r\n                            <span>{LogReportType[logReport.type!]} report</span> {logReport.portCall ? <span> in <span style={{ fontWeight: 400 }}>{toCapitalLetters(logReport.portCall.port?.name)}</span></span> : undefined}\r\n                        </ContentPageTitle>\r\n                        <Body>\r\n                            <LogReportHeader />\r\n                            <LogReportMap />\r\n                            <LogReportDetails />\r\n                            <LogReportComments />\r\n                            <LogReportConsumption />\r\n                            <LogReportRob />\r\n                            <LogReportTankConsumption />\r\n                            <LogReportTankRob />\r\n                            <LogReportOilTankRob />\r\n                            <LogReportElectricity />\r\n                        </Body>\r\n                    </ContentPageBody>\r\n                </div>\r\n            }\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ILogReport } from \"../../interfaces/ILogReport\";\r\n\r\nexport const useLogReport = (id: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/reports/log/${id}`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 1000 * 15,\r\n        errorRetryCount: 1\r\n    });\r\n\r\n    let logReport: ILogReport | undefined = data;\r\n\r\n    return { logReport, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title=\"Vessel filter\"\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n\r\n\r\n\r\n            footerButtons={[\r\n                {\r\n                    title: \"Filter\",\r\n                    type: \"Primary\",\r\n                    onClick: () => {\r\n                        onChange(filters);\r\n                        dismiss();\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n\r\n                <div style={{ marginTop: \"15px\" }}>\r\n                    <Toggle\r\n                        checked={getFilter(filters, \"includeInActive\") ? true : false}\r\n                        onText=\"Show inactive vessels\"\r\n                        offText=\"Show inactive vessels\"\r\n                        onChange={(ev, checked) => {\r\n                            if (checked) {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: {\r\n                                        name: \"includeInActive\",\r\n                                        displayName: \"show inactive\"\r\n                                    },\r\n                                    value: {\r\n                                        value: true,\r\n                                        displayValue: \"yes\"\r\n                                    }\r\n                                }));\r\n                            }\r\n                            else {\r\n                                setFilters(filters.slice().filter(f => f.property.name !== \"includeInActive\"));\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { CSSProperties, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { Vessel } from \"../../classes/Vessel\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { OriginIcon } from \"../../blocks/originIcon/OriginIcon\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useCachedFilters } from \"../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../interfaces/ICachedFilter\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { ModifiedString } from \"../../blocks/modifiedString/ModifiedString\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Vessels = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { app } = useAppContext();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [vessels, setVessels] = useState<IVessel[]>([]);\r\n    const history = useNavigate();\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const getVessels = () => {\r\n        app.api.getVessels(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setVessels(_);\r\n                }\r\n                else {\r\n                    setVessels([...vessels, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all vessels mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + take\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"externalId\",\r\n            title: \"Origin\",\r\n            gridCellWidth: \"60px\",\r\n            render: (_: Vessel) => {\r\n                return <OriginIcon externalId={_.externalId} />\r\n            }\r\n        },\r\n        {\r\n            key: \"name\",\r\n            render: (_: Vessel) => {\r\n                return toCapitalLetters(_.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"imo\",\r\n            gridCellWidth: \"max-content\"\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IVessel) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (v: Vessel) => {\r\n        history(`/vessels/${v.id}/edit`);\r\n    }\r\n\r\n    const cellStyle = (vessel: IVessel): CSSProperties | undefined => {\r\n        if (vessel.inActive) {\r\n            return {\r\n                textDecoration: \"line-through\",\r\n                textDecorationColor: \"#888\",\r\n                color: \"#aaa\"\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.Vessels));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getVessels();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.Vessels, filters)\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo: \"Vessel free text search looks up the following columns; Vessel, Imo number\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Add vessel\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            history(\"/vessels/new\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"vessels\",\r\n                            title: \"vessels\",\r\n                            url: \"/vessels\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                            history(\"/vessels\");\r\n                        }}\r\n                    />\r\n\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            rowShadow\r\n                            data={vessels}\r\n                            columns={columns}\r\n                            cellStyle={cellStyle}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n\r\n                <FilterPanel\r\n                    isOpen={filterOpen}\r\n                    dismiss={() => setFilterOpen(false)}\r\n                    f={filters}\r\n                    onChange={_ => {\r\n                        setFilters(_);\r\n                    }}\r\n                />\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","export enum FlowStatus {\r\n    Draft = 10,\r\n    Published = 20,\r\n    Inactive = 30,\r\n    Deleted = 100\r\n}","import useSWR from \"swr\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\n\r\nexport const useVessel = (id?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(id ? `/vessels/${id}` : null, {\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    // let vessel: Vessel | undefined = data && !error\r\n    //     ? new Vessel(data)\r\n    //     : undefined;\r\n\r\n    let vessel: IVessel | undefined = data;\r\n\r\n    return { vessel, error, isValidating, mutate };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IVessel } from '../interfaces/IVessel';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVessel\", vessel: IVessel | undefined };\r\n\r\ninterface IReducers {\r\n    state: IVessel | undefined,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = undefined;\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useVesselContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: IVessel | undefined, action: ReducerAction): IVessel | undefined => {\r\n    switch (action.type) {\r\n        case \"setVessel\":\r\n            return action.vessel;\r\n    }\r\n}\r\n\r\nexport const VesselContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useVesselProvider = () => {\r\n    const { state, dispatch } = useVesselContext();\r\n\r\n    return {\r\n        vessel: state,\r\n        setVessel: (_vessel: IVessel | undefined) => {\r\n            dispatch({\r\n                type: \"setVessel\",\r\n                vessel: _vessel\r\n            })\r\n        }\r\n    };\r\n}","import useSWR from \"swr\";\r\nimport { IFlow } from \"../../interfaces/IFlow\";\r\n\r\nexport const useFlows = (includeInActive?: boolean) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/flows?includeInactive=${includeInActive ? \"true\" : \"false\"}`, {\r\n        // dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let flows: IFlow[] | undefined = data\r\n        ? data\r\n        : undefined;\r\n\r\n    return { flows, error, isValidating };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Dropdown, TextField } from \"@fluentui/react\";\r\nimport { faExclamationTriangle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useFlows } from \"../../../../api/hooks/useFlows\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { FlowStatus } from \"../../../../_enums/FlowStatus\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\nimport { useNumberFunctions } from \"../../../../hooks/useNumberFunctions\";\r\n\r\n//#region Styled Components\r\nconst Cbx = styled.div`\r\n    padding-top: 7px;\r\n`;\r\n\r\nconst Content = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 15px 10px;\r\n\r\n    >div {\r\n        margin: 8px 20px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const VesselDetails: React.FC<{ isNew: boolean, onSave: () => Promise<void> }> = ({ onSave, isNew }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { flows } = useFlows(false);\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const { getError } = useRest();\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Details saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Details\"\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save details\",\r\n                    onClick: () => setSaving(true),\r\n                    hidden: isNew\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Content>\r\n                    <TextField\r\n                        value={v.name ? v.name : \"\"}\r\n                        description=\"Name\"\r\n                        maxLength={150}\r\n                        required\r\n                        errorMessage={v.name && v.name.trim().length > 0 ? undefined : \"Required\"}\r\n                        onChange={(ev, newValue) => {\r\n                            setVessel({\r\n                                ...v, name: newValue ? newValue : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                    <TextField\r\n                        value={v.imo ? v.imo : \"\"}\r\n                        description=\"Imo\"\r\n                        maxLength={20}\r\n                        required\r\n                        errorMessage={v.imo && v.imo.trim().length > 0 ? undefined : \"Required\"}\r\n                        onChange={(ev, newValue) => {\r\n                            setVessel({\r\n                                ...v, imo: newValue ? newValue : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                    <AppNumericTextField\r\n                        autoComplete=\"off\"\r\n                        value={v.mmsi ? v.mmsi.toString() : \"\"}\r\n                        description=\"Mmsi\"\r\n                        maxLength={20}\r\n                        wholeNumbersOnly\r\n                        onChange={(ev, newValue) => {\r\n                            setVessel({\r\n                                ...v, mmsi: newValue ? Number(newValue) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                    <InputWithDescription description=\"Flow (required)\" defaultDescription={true}>\r\n                        <Dropdown\r\n                            style={{\r\n                                minWidth: \"180px\"\r\n                            }}\r\n                            required\r\n                            selectedKey={v.flow?.id}\r\n                            options={flows ? flows.map(_ => {\r\n                                return {\r\n                                    key: _.id,\r\n                                    text: `${_.name} (${FlowStatus[_.status]})`\r\n                                }\r\n                            }) : []}\r\n                            onChange={(ev, opt) => {\r\n                                if (opt) {\r\n                                    setVessel({\r\n                                        ...v, flow: flows?.find(_ => _.id === opt.key)\r\n                                    });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                    <AppNumericTextField\r\n                        title=\"Internal vessel company id. Also used for auto generating voyage numbers.\"\r\n                        value={v.companyId ? v.companyId.toString() : \"\"}\r\n                        description=\"Company vessel Id\"\r\n                        onChange={(ev, newValue) => {\r\n                            setVessel({\r\n                                ...v, companyId: newValue ? Number(newValue) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                    <Cbx>\r\n                        <Checkbox\r\n                            label=\"Active\"\r\n                            checked={!v.inActive}\r\n                            onChange={(ev, checked) => {\r\n                                setVessel({\r\n                                    ...v, inActive: checked ? !checked : true\r\n                                });\r\n                            }}\r\n                        />\r\n                    </Cbx>\r\n                </Content>\r\n            }\r\n        </Card>\r\n    );\r\n};","export enum EngineTypes {\r\n    Main = 10,\r\n    Aux = 20,\r\n    Boiler = 30\r\n}","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { faCheckCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ checked?: boolean }>`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    color: #32ad5b;\r\n    \r\n    ${_ => _.checked\r\n        ? css`\r\n             .checkmark {\r\n                display: block;\r\n            }\r\n        `\r\n        : css`\r\n            .checkmark {\r\n                display: none;\r\n            }\r\n\r\n            :hover {\r\n                .checkmark {\r\n                    display: block;\r\n                    opacity: .2;\r\n                }\r\n            }\r\n        `\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Cbx: React.FC<{ checked?: boolean, title?: string, onChange: (checked: boolean) => void }> = ({ checked, title, onChange }) => {\r\n    return (\r\n        <Container\r\n            checked={checked}\r\n            title={title}\r\n            onClick={() => onChange(checked ? !checked : true)}\r\n        >\r\n            <FontAwesomeIcon className=\"checkmark\" icon={faCheckCircle} />\r\n        </Container>\r\n    );\r\n};","export enum FuelConsumerUnitClass{\r\n    InternalCombustionEngine = 10,\r\n    OttoMediumSpeed = 20, // LNG option\r\n    OttoSlowSpeed = 30, // LNG option\r\n    DieselSlowSpeed = 40, // LNG option\r\n    LBSI = 50, // Lean-Burn Spark-Ignited, LNG option\r\n    FuelCells = 60, // option for H2 and NH3 in natural gas, bio-gas and synthetic. Alternative is ICE (enumvalue 1)\r\n}","export enum FuelType\r\n{\r\n    Hfo = 10,\r\n    Lfo = 20,\r\n    Mgo = 30,\r\n    Mdo = 40,\r\n    Lpg = 50,\r\n    Lng = 60,\r\n    Methanol = 70,\r\n    Ethanol = 80,\r\n\r\n    // Below are new ones added due to FuelEU Maritime\r\n    H2 = 90,\r\n    NH3 = 100,\r\n    BioDiesel = 110,\r\n    BioH2 = 120,\r\n    HVO = 130,\r\n    BioLNG = 140,\r\n    BioMethanol = 150,\r\n    OtherBio = 160,\r\n\r\n    // Synthetics\r\n    eDiesel = 170, // Alternatively we may offer eMDO and eMGO if those are the ones covered by e-diesel\r\n    eMethanol = 180,\r\n    eLNG = 190,\r\n    eH2 = 200,\r\n    eNH3 = 210,\r\n    eLPG = 220,\r\n    eDME = 230,\r\n\r\n    Other = 1000\r\n}","export enum FuelClass\r\n{\r\n    Fossil = 10,\r\n    Bio = 20,\r\n    RFNBO = 30,\r\n    Others = 40 // OPS - on shore power supply\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { Dropdown, IStyle, TextField } from \"@fluentui/react\";\r\nimport { faClose, faExclamationTriangle, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IEngine } from \"../../../../interfaces/IEngine\";\r\nimport { EngineTypes } from \"../../../../_enums/EngineTypes\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { Cbx } from \"../../../../blocks/cbx/Cbx\";\r\n\r\nexport const VesselEngines: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const updateValue = (e: IEngine, propName: string, value: any) => {\r\n        let index = v!.engines.findIndex(_ => _ === e);\r\n        let engine = v!.engines[index];\r\n\r\n        (engine as any)[propName] = value;\r\n        setVessel({\r\n            ...v!, engines: v!.engines\r\n        });\r\n    }\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\",\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Name\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IEngine, rowId: number) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Name\"\r\n                        borderless\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"name\", v)}\r\n                        styles={{\r\n                            field: { ...fieldStyle, padding: \"0 16px 0 30px\" },\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Description\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IEngine) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Description\"\r\n                        borderless\r\n                        value={_.description ? _.description : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"description\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Type\",\r\n            gridCellWidth: \"100px\",\r\n            render: (_: IEngine) => {\r\n                return (\r\n                    <Dropdown\r\n                        options={convertToKeyValuePair(EngineTypes)}\r\n                        selectedKey={_.type}\r\n                        styles={{\r\n                            title: {\r\n                                border: \"none\",\r\n                                height: \"48px\",\r\n                                padding: \"10px 26px 0 16px\"\r\n                            },\r\n                            dropdown: {\r\n                                \":after\": {\r\n                                    border: \"none !important\"\r\n                                }\r\n                            },\r\n                            dropdownItem: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            dropdownItemSelected: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            caretDownWrapper: {\r\n                                top: \"8px\",\r\n                                right: \"16px\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, option) => {\r\n                            updateValue(_, \"type\", option?.key);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: IEngine) => {\r\n                return (\r\n                    <Cbx\r\n                        checked={!_.inActive}\r\n                        title={_.inActive ? \"Not active\" : \"Active\"}\r\n                        onChange={_checked => updateValue(_, \"inActive\", !_checked)}\r\n\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"62px\",\r\n            textAlign: \"right\",\r\n            render: (_: IEngine) => {\r\n                return (\r\n                    <div\r\n                        title=\"Delete tank\"\r\n                        onClick={() => {\r\n                            setVessel({ ...v!, engines: v!.engines.filter(en => en !== _) });\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 30px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Engines saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(_ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Engines\"\r\n            height=\"100%\"\r\n            maxHeight=\"341px\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: saving,\r\n                    title: \"Add engine\",\r\n                    onClick: () => {\r\n                        let engines = v!.engines;\r\n                        engines.push({\r\n                            id: 0,\r\n                            deleted: false,\r\n                            inActive: false\r\n                        });\r\n                        setVessel({\r\n                            ...v!, engines: engines\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save engines\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={v?.engines}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { IStyle, TextField } from \"@fluentui/react\";\r\nimport { faClose, faExclamationTriangle, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { ITank } from \"../../../../interfaces/ITank\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { Cbx } from \"../../../../blocks/cbx/Cbx\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\n\r\nexport const VesselTanks: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const updateValue = (e: ITank, propName: string, value: any) => {\r\n        let index = v!.tanks.findIndex(_ => _ === e);\r\n        let tank = v!.tanks[index];\r\n\r\n        if (tank) {\r\n            (tank as any)[propName] = value;\r\n            setVessel({\r\n                ...v!, tanks: v!.tanks\r\n            });\r\n        }\r\n    }\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\",\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Name\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: ITank) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Name\"\r\n                        borderless\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"name\", v)}\r\n                        styles={{\r\n                            field: { ...fieldStyle, padding: \"0 16px 0 30px\" },\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Description\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: ITank) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Description\"\r\n                        borderless\r\n                        value={_.description ? _.description : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"description\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: ITank) => {\r\n                return (\r\n                    <Cbx\r\n                        checked={!_.inActive}\r\n                        title={_.inActive ? \"Not active\" : \"Active\"}\r\n                        onChange={_checked => updateValue(_, \"inActive\", !_checked)}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"62px\",\r\n            textAlign: \"right\",\r\n            render: (_: ITank) => {\r\n                return (\r\n                    <div\r\n                        title=\"Delete tank\"\r\n                        onClick={() => {\r\n                            setVessel({ ...v!, tanks: v!.tanks.filter(t => t !== _) });\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 30px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Tanks saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(_ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"341px\"\r\n            title=\"Fuel tanks\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: saving,\r\n                    title: \"Add tank\",\r\n                    onClick: () => {\r\n                        let tanks = v!.tanks;\r\n                        tanks.push({\r\n                            id: 0,\r\n                            deleted: false,\r\n                            inActive: false\r\n                        });\r\n                        setVessel({\r\n                            ...v!, tanks: tanks\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save tanks\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={v?.tanks}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { IStyle, TextField } from \"@fluentui/react\";\r\nimport { faClose, faExclamationTriangle, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IStorage } from \"../../../../interfaces/IStorage\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { Cbx } from \"../../../../blocks/cbx/Cbx\";\r\n\r\nexport const VesselStowages: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const updateValue = (s: IStorage, propName: string, value: any) => {\r\n        let index = v!.storages.findIndex(_ => _ === s);\r\n        let storage = v!.storages[index];\r\n\r\n        if (storage) {\r\n            (storage as any)[propName] = value;\r\n            setVessel({\r\n                ...v!, storages: v!.storages\r\n            });\r\n        }\r\n    }\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\",\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Name\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IStorage) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Name\"\r\n                        borderless\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"name\", v)}\r\n                        styles={{\r\n                            field: { ...fieldStyle, padding: \"0 16px 0 30px\" },\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Description\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IStorage) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Description\"\r\n                        borderless\r\n                        value={_.description ? _.description : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"description\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Capacity\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IStorage) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={10}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"m3\"\r\n                        borderless\r\n                        value={_.capacity ? _.capacity.toString() : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"capacity\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: IStorage) => {\r\n                return (\r\n                    <Cbx\r\n                        checked={!_.inActive}\r\n                        title={_.inActive ? \"Not active\" : \"Active\"}\r\n                        onChange={_checked => updateValue(_, \"inActive\", !_checked)}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"62px\",\r\n            textAlign: \"right\",\r\n            render: (_: IStorage) => {\r\n                return (\r\n                    <div\r\n                        title=\"Delete tank\"\r\n                        onClick={() => {\r\n                            setVessel({ ...v!, storages: v!.storages.filter(t => t !== _) });\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 30px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Storages saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(_ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"341px\"\r\n            title=\"Stowages\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: saving,\r\n                    title: \"Add storage\",\r\n                    onClick: () => {\r\n                        let storages = v!.storages;\r\n                        storages.push({\r\n                            id: 0,\r\n                            deleted: false,\r\n                            inActive: false\r\n                        });\r\n                        setVessel({\r\n                            ...v!, storages: storages\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save storages\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={v?.storages}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { IStyle, TextField } from \"@fluentui/react\";\r\nimport { faClose, faExclamationTriangle, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { ICrane } from \"../../../../interfaces/ICrane\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { Cbx } from \"../../../../blocks/cbx/Cbx\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { ITank } from \"../../../../interfaces/ITank\";\r\n\r\nexport const VesselCranes: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const updateValue = (c: ICrane, propName: string, value: any) => {\r\n        let index = v!.cranes.findIndex(_ => _ === c);\r\n        let crane = v!.cranes[index];\r\n\r\n        if (crane) {\r\n            (crane as any)[propName] = value;\r\n            setVessel({\r\n                ...v!, cranes: v!.cranes\r\n            });\r\n        }\r\n    }\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\",\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Name\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: ICrane) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Name\"\r\n                        borderless\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"name\", v)}\r\n                        styles={{\r\n                            field: { ...fieldStyle, padding: \"0 16px 0 30px\" },\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Description\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: ICrane) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Description\"\r\n                        borderless\r\n                        value={_.description ? _.description : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"description\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: ICrane) => {\r\n                return (\r\n                    <Cbx\r\n                        checked={!_.inActive}\r\n                        title={_.inActive ? \"Not active\" : \"Active\"}\r\n                        onChange={_checked => updateValue(_, \"inActive\", !_checked)}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"62px\",\r\n            textAlign: \"right\",\r\n            render: (_: ITank) => {\r\n                return (\r\n                    <div\r\n                        title=\"Delete crane\"\r\n                        onClick={() => {\r\n                            setVessel({ ...v!, cranes: v!.cranes.filter(t => t !== _) });\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 30px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Cranes saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(_ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"341px\"\r\n            title=\"Cranes\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: saving,\r\n                    title: \"Add crane\",\r\n                    onClick: () => {\r\n                        let cranes = v!.cranes;\r\n                        cranes.push({\r\n                            id: 0,\r\n                            deleted: false,\r\n                            inActive: false\r\n                        });\r\n                        setVessel({\r\n                            ...v!, cranes: cranes\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save cranes\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={v?.cranes}\r\n            />\r\n        </Card>\r\n    );\r\n};","import { Checkbox, Dropdown } from \"@fluentui/react\";\r\nimport { faDroplet, faExclamationTriangle, faFlask, faLeaf, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useFuel } from \"../../../../api/hooks/useFuel\";\r\nimport { IFuel } from \"../../../../interfaces/IFuel\";\r\nimport styled from \"styled-components\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { FuelConsumerUnitClass } from \"../../../../_enums/FuelConsumerUnitClass\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { FuelType } from \"../../../../_enums/FuelType\";\r\nimport { IVesselFuel } from \"../../../../interfaces/IVesselFuel\";\r\nimport { FuelClass } from \"../../../../_enums/FuelClass\";\r\n\r\n//#region Styled Components\r\nconst Name = styled.div`\r\n    >div {\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 10px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselFuelTypes: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { data: fuelTypes } = useFuel();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const { getError } = useRest();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const engineSpecificFuels: FuelType[] = [\r\n        FuelType.H2,\r\n        FuelType.BioH2,\r\n        FuelType.eH2,\r\n        FuelType.Lng,\r\n        FuelType.BioLNG,\r\n        FuelType.eLNG\r\n    ];\r\n\r\n    const lngOptions: FuelConsumerUnitClass[] = [\r\n        FuelConsumerUnitClass.OttoMediumSpeed,\r\n        FuelConsumerUnitClass.OttoSlowSpeed,\r\n        FuelConsumerUnitClass.DieselSlowSpeed,\r\n        FuelConsumerUnitClass.LBSI\r\n    ];\r\n\r\n    const h2Options: FuelConsumerUnitClass[] = [\r\n        FuelConsumerUnitClass.InternalCombustionEngine,\r\n        FuelConsumerUnitClass.FuelCells\r\n    ];\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"\",\r\n            render: (f: IFuel) => {\r\n                return (\r\n                    <div style={{display: \"flex\", alignItems: \"center\", height: \"100%\", fontSize: 18}}>\r\n                        {f.fuelClass === FuelClass.Fossil ?\r\n                            <FontAwesomeIcon title=\"Fossil fuel\" icon={faDroplet} color=\"black\"/>\r\n                            : f.fuelClass === FuelClass.Bio ?\r\n                            <FontAwesomeIcon title=\"Bio fuel\" icon={faLeaf} color=\"darkgreen\" />\r\n                            : f.fuelClass === FuelClass.RFNBO ?\r\n                            <FontAwesomeIcon title=\"RFNBO / synthetic fuel\" icon={faFlask} color=\"darkmagenta\" />\r\n                            : <></>\r\n                        }\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"name\",\r\n            gridCellWidth: \"5fr\",\r\n            render: (f: IFuel) => {\r\n                return (\r\n                    <Name>\r\n                        <div>\r\n                            {f.name}\r\n                        </div>\r\n                        <div>\r\n                            {f.description}\r\n                        </div>\r\n                    </Name>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Consumer Unit Class\",\r\n            gridCellWidth: \"5fr\",\r\n            exclude: !v?.vesselFuels.some(_ => _.fuel && _.fuel.type && engineSpecificFuels.includes(_.fuel.type)),\r\n            render: (f: IFuel) => {\r\n                let checked = v && v.vesselFuels.findIndex(_ => _.fuel!.id === f.id) >= 0 ? true : false;\r\n                if (!engineSpecificFuels.includes(f.type) || !checked) {\r\n                    return null;\r\n                }\r\n\r\n                let h2 = [FuelType.H2, FuelType.BioH2, FuelType.eH2].includes(f.type);\r\n                let vf = v?.vesselFuels.find(_ => _.fuel?.id === f.id);\r\n\r\n                if (!vf) {\r\n                    return null;\r\n                }\r\n\r\n                return (\r\n                    <Dropdown\r\n                        options={convertToKeyValuePair(FuelConsumerUnitClass, h2 ? lngOptions : h2Options, undefined, true)}\r\n                        selectedKey={v?.vesselFuels.find(_ => _.fuel?.id === f.id)?.consumerUnitClass}\r\n                        styles={{\r\n                            title: {\r\n                                border: \"none\",\r\n                                padding: \"0px 16px\",\r\n                                backgroundColor: \"transparent\"\r\n                            },\r\n                            dropdown: {\r\n                                \":after\": {\r\n                                    border: \"none !important\"\r\n                                }\r\n                            },\r\n                            dropdownItem: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            dropdownItemSelected: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            caretDownWrapper: {\r\n                                top: \"8px\",\r\n                                right: \"16px\",\r\n                                lineHeight: \"\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, option) => {\r\n                            if (option)\r\n                            {\r\n                                vf.consumerUnitClass = Number(option.key)\r\n                                setVessel({\r\n                                    ...v!, vesselFuels: v!.vesselFuels\r\n                                });\r\n                            }\r\n                            \r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"active\",\r\n            render: (f: IFuel) => {\r\n                let checked = v && v.vesselFuels.findIndex(_ => _.fuel!.id === f.id) >= 0 ? true : false;\r\n                return (\r\n                    <div style={{margin: \"5px 0px 0px 10px\"}}>\r\n                        <Checkbox\r\n                            checked={checked}\r\n                            onChange={(ev, checked) => {\r\n                                let _vesselFuelTypes = v!.vesselFuels.slice().filter(_ => _.fuel!.id !== f.id);\r\n                                let _vesselFuels = v!.fuel.slice().filter(_ => _.id !== f.id);\r\n                                if (checked) {\r\n\r\n                                    // Insert default value for consumer unit class based on the fuel type\r\n                                    let h2 = [FuelType.H2, FuelType.BioH2, FuelType.eH2].includes(f.type);\r\n                                    let defaultKey = h2 ? FuelConsumerUnitClass.InternalCombustionEngine : FuelConsumerUnitClass.OttoMediumSpeed;\r\n\r\n                                    _vesselFuelTypes.push({vessel: v, fuel: f, consumerUnitClass: defaultKey});\r\n                                    _vesselFuels.push(f);\r\n                                }\r\n\r\n                                setVessel({ ...v!, vesselFuels: _vesselFuelTypes, fuel: _vesselFuels });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Fuel types saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"417px\"\r\n            title=\"Fuel types\"\r\n            loading={!v || saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save fuel types\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                data={fuelTypes}\r\n            />\r\n        </Card>\r\n    );\r\n};","export enum CoordinateType {\r\n    Dms = 10,\r\n    Dmm = 20\r\n}","import useSWR from \"swr\";\r\nimport { IFuel } from \"../../interfaces/IFuel\";\r\n\r\nexport const useFuel = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/fuels`, {\r\n        dedupingInterval: 60 * 1000 * 30,   // 30 minutes\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let fuels: IFuel[] = data ? data : [];\r\n\r\n    return { data: fuels, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, ComboBox, Dropdown } from \"@fluentui/react\";\r\nimport { faExclamationTriangle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { CbxList } from \"../../../../blocks/cbxList/CbxList\";\r\nimport { IVesselSettings } from \"../../../../interfaces/IVesselSettings\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { CoordinateType } from \"../../../../_enums/CoordinateType\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px 35px;\r\n\r\n    >div {\r\n        >div {\r\n            margin: 15px 0 18px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselSettings: React.FC<{ onSave: () => Promise<void>, formOk: () => any }> = ({ onSave, formOk }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const [saving, setSaving] = useState(false);\r\n    const formError = formOk();\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Settings saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"417px\"\r\n            title=\"Misc settings\"\r\n            loading={saving}\r\n            error={formError}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving || formError ? true : false,\r\n                    title: \"Save settings\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Body>\r\n                    <CbxList>\r\n                        <Checkbox\r\n                            label=\"Fetch GPS location in app reports\"\r\n                            checked={v?.settings?.autoFetchGpsInAppReports}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        autoFetchGpsInAppReports: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Allow deletion of cargo operation containing events\"\r\n                            checked={v?.settings?.allowDeleteCargoOperationWithEvents}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        allowDeleteCargoOperationWithEvents: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Chat enabled\"\r\n                            disabled={!app.currentCustomerRole.customer.settings?.chatEnabled}\r\n                            checked={v?.settings?.chatEnabled}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        chatEnabled: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Disable validation in app\"\r\n                            checked={v?.settings?.disableIssuesChecking}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        disableIssuesChecking: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Disable missing B/L qty warning\"\r\n                            checked={v?.settings?.disableQuantityProcessedWarning}\r\n                            disabled={v.settings?.disableIssuesChecking}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        disableQuantityProcessedWarning: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Disable missing arrival / departure report warning\"\r\n                            checked={v?.settings?.disableArrivalAndDepartureReportWarning}\r\n                            disabled={v.settings?.disableIssuesChecking}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        disableArrivalAndDepartureReportWarning: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Disable distance and consumption warning\"\r\n                            checked={v?.settings?.disableConsumptionWarning}\r\n                            disabled={v.settings?.disableIssuesChecking}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        disableConsumptionWarning: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Use consumption registration type in reports\"\r\n                            checked={v?.settings?.useConsumption}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useConsumption: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Use rob registration type in reports\"\r\n                            checked={v?.settings?.useRob}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useRob: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Use arrival email report\"\r\n                            checked={v?.settings?.useArrivalEmailReport}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useArrivalEmailReport: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Use departure email report\"\r\n                            checked={v?.settings?.useDepartureEmailReport}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useDepartureEmailReport: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Exclude consumption data from SOF\"\r\n                            checked={v?.settings?.excludeConsumptionDataFromSof}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        excludeConsumptionDataFromSof: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Synchronize MRV data\"\r\n                            checked={v?.settings?.useOvdSync}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useOvdSync: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"5% fewer EUA allowances due to ice class IA, IA Super or an equivalent ice class\"\r\n                            checked={v?.settings?.fivePercentEuaDiscountDueToIceClass}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        fivePercentEuaDiscountDueToIceClass: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Gross tonnage over 5 000\"\r\n                            checked={v?.settings?.grossTonnageOver5K}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        grossTonnageOver5K: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Require BDN attachment\"\r\n                            checked={v?.settings?.bdnAttachmentRequired}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        bdnAttachmentRequired: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Exclude from VMS sync\"\r\n                            checked={v?.settings?.excludeFromVmsSync}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        excludeFromVmsSync: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n\r\n                        <Dropdown\r\n                            label=\"Coordinate input type\"\r\n                            placeholder=\"Select coordinate input type\"\r\n                            selectedKey={Number(v.settings?.coordinateType)}\r\n                            options={convertToKeyValuePair(CoordinateType)}\r\n                            styles={{\r\n                                dropdown: {\r\n                                    maxWidth: \"250px\"\r\n                                }\r\n                            }}\r\n                            onChange={(ev, option) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        coordinateType: option ? Number(option.key) : undefined\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n\r\n\r\n\r\n                    </CbxList>\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import { Checkbox } from \"@fluentui/react\";\r\nimport { faExclamationTriangle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport styled from \"styled-components\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { CbxList } from \"../../../../blocks/cbxList/CbxList\";\r\nimport { IVesselSeaRouteSettings } from \"../../../../interfaces/IVesselSeaRouteSettings\"; \r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px 35px;\r\n\r\n    >div {\r\n        >div {\r\n            margin: 15px 0 18px;\r\n        }\r\n        \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselSeaRouteSettings: React.FC<{ onSave: () => Promise<void>}> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const { getError } = useRest();\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Sea route settings saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"420px\"\r\n            title=\"Sea route settings\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save settings\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Body>\r\n                    <CbxList>\r\n                        {/* Changed to negative phrasing in the GUI for ease of use (HRA and SECA use \"Avoid\") */}\r\n                        <Checkbox\r\n                            label=\"Avoid ice areas\"\r\n                            checked={v?.seaRouteSettings?.allowIceAreas == false}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSeaRouteSettings = v?.seaRouteSettings ? v.seaRouteSettings : {allowIceAreas: false, avoidHRA: true, avoidSeca: false};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    seaRouteSettings: {\r\n                                        ...settings,\r\n                                        allowIceAreas: checked ? false : true\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Avoid high risk areas (HRA)\"\r\n                            checked={v?.seaRouteSettings?.avoidHRA}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSeaRouteSettings = v?.seaRouteSettings ? v.seaRouteSettings : {allowIceAreas: false, avoidHRA: true, avoidSeca: false};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    seaRouteSettings: {\r\n                                        ...settings,\r\n                                        avoidHRA: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Avoid sulphur emission control areas (SECA)\"\r\n                            disabled={!app.currentCustomerRole.customer.settings?.chatEnabled}\r\n                            checked={v?.seaRouteSettings?.avoidSeca}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSeaRouteSettings = v?.seaRouteSettings ? v.seaRouteSettings : {allowIceAreas: false, avoidHRA: true, avoidSeca: false};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    seaRouteSettings: {\r\n                                        ...settings,\r\n                                        avoidSeca: checked ? checked : false\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                    </CbxList>\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { faExclamationTriangle, faSave, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { CbxList } from \"../../../../blocks/cbxList/CbxList\";\r\nimport { IVesselSettings } from \"../../../../interfaces/IVesselSettings\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px 30px;\r\n\r\n    >div {\r\n        >div {\r\n            margin: 15px 0 18px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselAdminSettings: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Admin settings saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"420px\"\r\n            title=\"Admin settings (only visible to system administrators)\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save settings\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Body>\r\n                    <CbxList>\r\n                        <Checkbox\r\n                            label=\"Use Nav Premium\"\r\n                            checked={v?.settings?.useNavPremium}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useNavPremium: checked === true\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <Checkbox\r\n                            label=\"Use Mmsi for Ais fetching\"\r\n                            checked={v?.settings?.useMmsiForAis}\r\n                            onChange={(ev, checked) => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        useMmsiForAis: checked === true\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                    </CbxList>\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import { Checkbox, Dropdown, ChoiceGroup } from \"@fluentui/react\";\r\nimport { faExclamationTriangle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport styled from \"styled-components\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { CbxList } from \"../../../../blocks/cbxList/CbxList\";\r\nimport { IVesselSeaRouteSettings } from \"../../../../interfaces/IVesselSeaRouteSettings\"; \r\nimport { IVesselSettings } from \"../../../../interfaces/IVesselSettings\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px;\r\n    font-family: \"Segoe UI\", \"Segoe UI Web (West European)\", \"Segoe UI\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif;\r\n    color: rgb(50, 49, 48);\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        margin: 15px 0px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    .ms-ChoiceFieldGroup {\r\n        margin-top: -10px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselFuelEuSettings: React.FC<{ onSave: () => Promise<void>}> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const [saving, setSaving] = useState(false);\r\n    const { getError } = useRest();\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"FuelEU Maritime settings saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"420px\"\r\n            title=\"FuelEU Maritime settings\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save settings\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Body>\r\n                    <div>\r\n                        <div style={{marginBottom: 0}}>Wind-assisted propulsion reward</div>\r\n\r\n                        <ChoiceGroup\r\n                        styles={{ flexContainer: { display: \"flex\", marginTop: 0} }}\r\n                        selectedKey={v.settings?.windAssistedPropulsionRewardFactor?.toString() ?? \"1\"}\r\n                        onChange={(ev, option) => {\r\n                            let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        windAssistedPropulsionRewardFactor: Number(option?.key ?? 1.0)\r\n                                    }\r\n                                });\r\n                        }}\r\n                        options={[\r\n                            {\r\n                                key: \"1\",\r\n                                text: 'None\\u00A0\\u00A0\\u00A0'\r\n                            },\r\n                            {\r\n                                key: \"0.99\",\r\n                                text: '1%\\u00A0\\u00A0\\u00A0'\r\n                            },\r\n                            {\r\n                                key: \"0.97\",\r\n                                text: '3%\\u00A0\\u00A0\\u00A0'\r\n                            },\r\n                            {\r\n                                key: \"0.95\",\r\n                                text: '5%\\u00A0\\u00A0\\u00A0'\r\n                            },\r\n                        ]}\r\n                        />\r\n                        </div>\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faExclamationTriangle, faSave, faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { IVesselSettings } from \"../../../../interfaces/IVesselSettings\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { DateTimePicker } from \"../../../../blocks/dateTimePicker/DateTimePicker\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px 30px;\r\n\r\n    >div {\r\n        max-width: 290px;\r\n        display: grid;\r\n        grid-template-columns: 260px auto;\r\n\r\n        .clear-date {\r\n            >div {\r\n                background-color: #fafafa;\r\n                height: 30px;\r\n                width: 30px;\r\n                border: 1px solid #555;\r\n                border-left: none;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n\r\n                :hover {\r\n                    background-color: #eee;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselHaglandSettings: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const { makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const { getError } = useRest();\r\n    const [saving, setSaving] = useState(false);\r\n    const tz = resolveTimeZone();\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Voyage cutoff date updated\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(async _ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: await getError(_),\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            height=\"100%\"\r\n            maxHeight=\"420px\"\r\n            title=\"Standard voyage cutoff date\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save settings\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            {v &&\r\n                <Body>\r\n                    <div>\r\n                        <DateTimePicker\r\n                            description=\"Standard voyage report cutoff date\"\r\n                            title={`Timezone: ${tz}`}\r\n                            date={v.settings?.voyageReportTypeCutoffDate ? makeDateObject(v.settings.voyageReportTypeCutoffDate).toJSDate() : undefined}\r\n                            timeZone={tz}\r\n                            onChange={date => {\r\n                                let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                setVessel({\r\n                                    ...v,\r\n                                    settings: {\r\n                                        ...settings,\r\n                                        voyageReportTypeCutoffDate: date ? date : undefined\r\n                                    }\r\n                                });\r\n                            }}\r\n                        />\r\n                        <div className=\"clear-date\">\r\n                            <div\r\n                                title=\"Clear date\"\r\n                                onClick={() => {\r\n                                    let settings: IVesselSettings = v?.settings ? v.settings : {};\r\n                                    setVessel({\r\n                                        ...v,\r\n                                        settings: {\r\n                                            ...settings,\r\n                                            voyageReportTypeCutoffDate: undefined\r\n                                        }\r\n                                    });\r\n                                }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faTimes} />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { Dropdown, IStyle, TextField } from \"@fluentui/react\";\r\nimport { faClose, faExclamationTriangle, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useVesselProvider } from \"../../../../contextHooks/VesselContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { EngineTypes } from \"../../../../_enums/EngineTypes\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { Cbx } from \"../../../../blocks/cbx/Cbx\";\r\nimport { IOilTank } from \"../../../../interfaces/IOilTank\";\r\n\r\nexport const VesselOilTanks: React.FC<{ onSave: () => Promise<void> }> = ({ onSave }) => {\r\n    const { vessel: v, setVessel } = useVesselProvider();\r\n    const { app } = useAppContext();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const [saving, setSaving] = useState(false);\r\n\r\n    const updateValue = (e: IOilTank, propName: string, value: any) => {\r\n        let index = v!.oilTanks.findIndex(_ => _ === e);\r\n        let oilTank = v!.oilTanks[index];\r\n\r\n        (oilTank as any)[propName] = value;\r\n        setVessel({\r\n            ...v!, oilTanks: v!.oilTanks\r\n        });\r\n    }\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\",\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Name\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IOilTank, rowId: number) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Name\"\r\n                        borderless\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"name\", v)}\r\n                        styles={{\r\n                            field: { ...fieldStyle, padding: \"0 16px 0 30px\" },\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Description\",\r\n            gridCellWidth: \"minmax(100px, 1fr)\",\r\n            render: (_: IOilTank) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Description\"\r\n                        borderless\r\n                        value={_.description ? _.description : \"\"}\r\n                        onChange={(ev, v) => updateValue(_, \"description\", v)}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Type\",\r\n            gridCellWidth: \"100px\",\r\n            render: (_: IOilTank) => {\r\n                return (\r\n                    <Dropdown\r\n                        options={convertToKeyValuePair(EngineTypes)}\r\n                        selectedKey={_.type}\r\n                        styles={{\r\n                            title: {\r\n                                border: \"none\",\r\n                                height: \"48px\",\r\n                                padding: \"10px 26px 0 16px\"\r\n                            },\r\n                            dropdown: {\r\n                                \":after\": {\r\n                                    border: \"none !important\"\r\n                                }\r\n                            },\r\n                            dropdownItem: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            dropdownItemSelected: {\r\n                                padding: \"0 16px\"\r\n                            },\r\n                            caretDownWrapper: {\r\n                                top: \"8px\",\r\n                                right: \"16px\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, option) => {\r\n                            updateValue(_, \"type\", option?.key);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: IOilTank) => {\r\n                return (\r\n                    <Cbx\r\n                        checked={!_.inActive}\r\n                        title={_.inActive ? \"Not active\" : \"Active\"}\r\n                        onChange={_checked => updateValue(_, \"inActive\", !_checked)}\r\n\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"62px\",\r\n            textAlign: \"right\",\r\n            render: (_: IOilTank) => {\r\n                return (\r\n                    <div\r\n                        title=\"Delete tank\"\r\n                        onClick={() => {\r\n                            setVessel({ ...v!, oilTanks: v!.oilTanks.filter(en => en !== _) });\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 30px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            onSave()\r\n                .then(() => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"Oil tanks saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                })\r\n                .catch(_ => {\r\n                    setSaving(false);\r\n                    app.setAppMessage({\r\n                        text: \"An error occured\",\r\n                        icon: <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    });\r\n                })\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <Card\r\n            title=\"Oil tanks\"\r\n            height=\"100%\"\r\n            maxHeight=\"341px\"\r\n            loading={saving}\r\n            actions={[\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    disabled: saving,\r\n                    title: \"Add oil tank\",\r\n                    onClick: () => {\r\n                        let oilTanks = v!.oilTanks;\r\n                        oilTanks.push({\r\n                            id: 0,\r\n                            deleted: false,\r\n                            inActive: false\r\n                        });\r\n                        setVessel({\r\n                            ...v!, oilTanks: oilTanks\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    title: \"Save oil tanks\",\r\n                    onClick: () => setSaving(true)\r\n                }\r\n            ]}\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                cellPadding=\"0\"\r\n                data={v?.oilTanks}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExclamationCircle, faExclamationTriangle, faSave, faTrash, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useVessel } from \"../../../api/hooks/useVessel\";\r\nimport { useVesselProvider, VesselContextProvider } from \"../../../contextHooks/VesselContext\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { VesselDetails } from \"./modules/VesselDetails\";\r\nimport { VesselEngines } from \"./modules/VesselEngines\";\r\nimport { VesselTanks } from \"./modules/VesselTanks\";\r\nimport { VesselStowages } from \"./modules/VesselStowages\";\r\nimport { IAppMessage } from \"../../../interfaces/IAppMessage\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { VesselCranes } from \"./modules/VesselCranes\";\r\nimport { FlowStatus } from \"../../../_enums/FlowStatus\";\r\nimport { VesselFuelTypes } from \"./modules/VesselFuelTypes\";\r\nimport { VesselSettings } from \"./modules/VesselSettings\";\r\nimport { VesselSeaRouteSettings } from \"./modules/VesselSeaRouteSettings\";\r\nimport { Restricted } from \"../../../blocks/restricted/Restricted\";\r\nimport { SystemRoles } from \"../../../_enums/SystemRoles\";\r\nimport { VesselAdminSettings } from \"./modules/VesselAdminSettings\";\r\nimport { VesselFuelEuSettings } from \"./modules/VesselFuelEuSettings\";\r\nimport { VesselHaglandSettings } from \"./modules/VesselHaglandSettings\";\r\nimport { useAppProvider } from \"../../../contextHooks/AppContext\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\nimport { IVessel } from \"../../../interfaces/IVessel\";\r\nimport { useVesselFunctions } from \"../../../hooks/useVesselFunctions\";\r\nimport { VesselOilTanks } from \"./modules/VesselOilTanks\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 40px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        grid-template-rows: auto auto;\r\n        row-gap: 30px;\r\n\r\n        @media (min-width: 1500px) {\r\n            grid-template-columns: calc(50% - 15px) calc(50% - 15px);\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n        }\r\n    }\r\n`;\r\n\r\nconst NotOnNew = styled.div`\r\n    display: grid;\r\n    grid-gap: 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const VesselContainer = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { vessel, error } = useVessel(id);\r\n    const { getError } = useRest();\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n\r\n    useEffect(() => {\r\n        if (error) {\r\n            getError(error)\r\n                .then(_ => {\r\n                    setErrorMessage(_);\r\n                });\r\n        }\r\n    }, [error])\r\n\r\n    if (errorMessage) {\r\n        return (\r\n            <LoadingSpinner text={errorMessage} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <VesselContextProvider>\r\n            <InnerContainer v={vessel} />\r\n        </VesselContextProvider>\r\n    );\r\n};\r\n\r\nexport const NewVesselContainer = () => {\r\n    const { createNew } = useVesselFunctions();\r\n\r\n    return (\r\n        <VesselContextProvider>\r\n            <InnerContainer v={createNew()} />\r\n        </VesselContextProvider>\r\n    );\r\n};\r\n\r\nconst InnerContainer: React.FC<{ v?: IVessel }> = ({ v }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { vessel, setVessel } = useVesselProvider();\r\n    const { getError, isForbidden } = useRest();\r\n    const { app } = useAppContext();\r\n    const { currentCompanyRole, user } = useAppProvider();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const history = useNavigate();\r\n    const isNew = v?.id === 0;\r\n\r\n    //#region Save\r\n    const saveDetails = async () => {\r\n        if (!vessel?.flow || vessel.name?.trim().length === 0 || vessel?.imo?.trim().length === 0 || !vessel?.flow) {\r\n            return Promise.reject(\"Fill in all required properties\");\r\n        }\r\n        return await app.api.updateVesselDetails(vessel!);\r\n    }\r\n\r\n    const saveEngines = async () => {\r\n        let engines = await app.api.updateVesselEngines(vessel!);\r\n        setVessel({ ...vessel!, engines });\r\n    }\r\n\r\n    const saveTanks = async () => {\r\n        let tanks = await app.api.updateVesselTanks(vessel!);\r\n        setVessel({ ...vessel!, tanks });\r\n    }\r\n\r\n    const saveVesselFuelTypes = async () => {\r\n        await app.api.updateVesselFuelTypes(vessel!);\r\n    }\r\n\r\n    const saveSettings = async () => {\r\n        return await app.api.updateVesselSettings(vessel!);\r\n    }\r\n\r\n    const saveAdminSettings = async () => {\r\n        return await app.api.updateVesselAdminSettings(vessel!);\r\n    }\r\n\r\n    const saveVoyageReportCutoffDateSettings = async () => {\r\n        return await app.api.updateVoyageReportCutoffDateSettings(vessel!);\r\n    }\r\n\r\n    const saveStorages = async () => {\r\n        let storages = await app.api.updateVesselStorages(vessel!);\r\n        setVessel({ ...vessel!, storages });\r\n    }\r\n\r\n    const saveCranes = async () => {\r\n        let cranes = await app.api.updateVesselCranes(vessel!);\r\n        setVessel({ ...vessel!, cranes });\r\n    }\r\n\r\n    const saveOilTanks = async () => {\r\n        let oilTanks = await app.api.updateVesselOilTanks(vessel!);\r\n        setVessel({ ...vessel!, oilTanks });\r\n    }\r\n\r\n    const saveSeaRouteSettings = async () => {\r\n        return await app.api.updateVesselSeaRouteSettings(vessel!);\r\n    }\r\n\r\n    const save = async () => {\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            await saveDetails();\r\n            await saveEngines();\r\n            await saveTanks();\r\n            await saveOilTanks();\r\n            await saveVesselFuelTypes();\r\n            await saveSettings();\r\n            await saveStorages();\r\n            await saveCranes();\r\n            await saveSeaRouteSettings();\r\n\r\n            if (user.isSystemAdmin) {\r\n                await saveAdminSettings();\r\n            }\r\n\r\n            if (currentCompanyRole?.customer.id.toUpperCase() === \"E8855D22-1F79-4BB7-A6DE-859D5D7157EC\") {\r\n                await saveVoyageReportCutoffDateSettings();\r\n            }\r\n\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: \"Vessel saved\"\r\n            };\r\n        }\r\n        catch (error: any) {\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationTriangle} />,\r\n                text: await getError(error)\r\n            };\r\n        }\r\n\r\n        setSaving(false);\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    const create = async () => {\r\n        if (!vessel?.name || vessel?.name.trim().length === 0 || !vessel.imo || vessel?.imo.trim().length === 0) {\r\n            setSaving(false);\r\n            return;\r\n        }\r\n\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            let created = await app.api.createVessel(vessel!);\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `Vessel ${vessel?.name} created. Fill in additional details`\r\n            };\r\n            history(`/vessels/${created.id}/edit`, { replace: true });\r\n        }\r\n        catch (error: any) {\r\n            let msg = isForbidden(error)\r\n                ? \"Access denied\"\r\n                : \"An error occured while creating vessel\";\r\n\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationTriangle} />,\r\n                text: msg\r\n            };\r\n        }\r\n\r\n        setSaving(false);\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    const deleteVessel = async () => {\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            await app.api.deleteVessel(vessel!.id);\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faTrash} />,\r\n                text: \"Vessel deleted\"\r\n            };\r\n\r\n            history(\"/vessels\", { replace: true });\r\n        }\r\n        catch (error: any) {\r\n            let errorText = await error.json();\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: errorText\r\n            };\r\n        }\r\n\r\n        app.setAppMessage(message);\r\n    }\r\n    //#endregion\r\n\r\n    const settingsOk = () => {\r\n        if (!vessel?.settings || !vessel.settings.useConsumption && !vessel.settings.useRob) {\r\n            return \"Use consumption or use rob must be selected\";\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!v) {\r\n            return;\r\n        }\r\n        setVessel(v);\r\n    }, [v]);\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            isNew ? create() : save();\r\n        }\r\n    }, [saving]);\r\n\r\n    return (\r\n        <ContentPage working={!vessel || saving}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Cancel\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        disabled: saving,\r\n                        onClick: () => history(\"/vessels\")\r\n                    },\r\n                    {\r\n                        title: \"Save vessel\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />,\r\n                        disabled: saving,\r\n                        onClick: () => setSaving(true),\r\n                    },\r\n                    {\r\n                        title: \"Delete\",\r\n                        icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                        disabled: saving || isNew,\r\n                        onClick: () => setDeleteDialogOpen(true)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"vessels\",\r\n                            title: \"vessels\",\r\n                            url: \"/vessels\"\r\n                        },\r\n                        {\r\n                            id: vessel ? vessel?.id.toString() : \"loading\",\r\n                            title: vessel ? toCapitalLetters(vessel.name) : \"loading...\",\r\n                            url: `/vessels/${vessel?.id}/edit`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody\r\n                message={vessel?.flow && vessel.flow.status === FlowStatus.Draft\r\n                    ? { type: \"warning\", content: \"Flow in draft state should only be used for test purposes and when setting up new flows.\" }\r\n                    : undefined\r\n                }\r\n            >\r\n                <ContentPageTitle>\r\n                    {isNew ? \"New\" : \"Edit\"} vessel {toCapitalLetters(vessel?.name)}\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    <VesselDetails onSave={saveDetails} isNew={isNew} />\r\n                    {!isNew &&\r\n                        <NotOnNew>\r\n                            <div className=\"two-columns\">\r\n                                <VesselEngines onSave={saveEngines} />\r\n                                <VesselTanks onSave={saveTanks} />\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n                                <VesselStowages onSave={saveStorages} />\r\n                                <VesselOilTanks onSave={saveOilTanks} />\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n                                <VesselFuelTypes onSave={saveVesselFuelTypes} />\r\n                                <VesselSettings onSave={saveSettings} formOk={settingsOk} />\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n                                <VesselSeaRouteSettings onSave={saveSeaRouteSettings} />\r\n                                <VesselFuelEuSettings onSave={saveSettings} />\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n                                <VesselCranes onSave={saveCranes} />\r\n                                <Restricted companyId=\"E8855D22-1F79-4BB7-A6DE-859D5D7157EC\" hideRestrictedMessage>\r\n                                    <VesselHaglandSettings onSave={saveVoyageReportCutoffDateSettings} />\r\n                                </Restricted>\r\n                            </div>\r\n\r\n                            <div className=\"two-columns\">\r\n                                <Restricted requiredSystemRole={SystemRoles.GlobalAdmin} hideRestrictedMessage>\r\n                                    <VesselAdminSettings onSave={saveAdminSettings} />\r\n                                </Restricted>\r\n                            </div>\r\n\r\n                        </NotOnNew>\r\n                    }\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <AppDialog\r\n                title=\"Delete vessel\"\r\n                subText={`Are you sure you want to delete the vessel ${vessel?.name}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    deleteVessel();\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","export enum CargoDirections {\r\n    Load = 1,\r\n    Discharge = 2,\r\n    Both = 3\r\n}","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IFlow, IFlowActivityAction, IFlowActivityCondition, IFlowActivityEvent } from '../interfaces/IFlow';\r\nimport { IFlowNodePosition } from '../interfaces/IFlowNodePosition';\r\nimport { CargoDirections } from '../_enums/CargoDirections';\r\nimport { SofEventTypes } from '../_enums/SofEventTypes';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setFlow\", flow?: IFlow }\r\n    | { type: \"setDisplayType\", displayType: SofEventTypes }\r\n    | { type: \"setPositions\", positions: IFlowNodePosition[] }\r\n    | { type: \"setActivities\", activities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[] }\r\n    | { type: \"setCargoDirectionView\", cargoDirectionView: CargoDirections };\r\n\r\ntype FlowProps = {\r\n    flow?: IFlow,\r\n    displayType: SofEventTypes,\r\n    positions: IFlowNodePosition[],\r\n    activities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[],\r\n    cargoDirectionView: CargoDirections\r\n}\r\n\r\ninterface IReducers {\r\n    state: FlowProps,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    displayType: SofEventTypes.Port,\r\n    positions: [],\r\n    activities: [],\r\n    cargoDirectionView: CargoDirections.Load\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useFlowContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: FlowProps, action: ReducerAction): FlowProps => {\r\n    switch (action.type) {\r\n        case \"setFlow\":\r\n            return {\r\n                ...state,\r\n                flow: action.flow\r\n            };\r\n        case \"setDisplayType\":\r\n            return {\r\n                ...state,\r\n                displayType: action.displayType\r\n            };\r\n        case \"setPositions\":\r\n            return {\r\n                ...state,\r\n                positions: action.positions\r\n            };\r\n        case \"setActivities\":\r\n            return {\r\n                ...state,\r\n                activities: action.activities\r\n            };\r\n        case \"setCargoDirectionView\":\r\n            return {\r\n                ...state,\r\n                cargoDirectionView: action.cargoDirectionView\r\n            };\r\n    }\r\n}\r\n\r\nexport const FlowContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useFlowProvider = () => {\r\n    const { state, dispatch } = useFlowContext();\r\n\r\n    return {\r\n        flow: state.flow,\r\n        displayType: state.displayType,\r\n        positions: state.positions,\r\n        activities: state.activities,\r\n        cargoDirectionView: state.cargoDirectionView,\r\n\r\n        setFlow: (flow?: IFlow) => {\r\n            dispatch({\r\n                type: \"setFlow\",\r\n                flow\r\n            })\r\n        },\r\n        setDisplayType: (displayType: SofEventTypes) => {\r\n            dispatch({\r\n                type: \"setDisplayType\",\r\n                displayType\r\n            })\r\n        },\r\n        setPositions: (positions: IFlowNodePosition[]) => {\r\n            dispatch({\r\n                type: \"setPositions\",\r\n                positions\r\n            })\r\n        },\r\n        setActivities: (activities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[]) => {\r\n            dispatch({\r\n                type: \"setActivities\",\r\n                activities\r\n            })\r\n        },\r\n        setCargoDirectionView: (cargoDirectionView: CargoDirections) => {\r\n            dispatch({\r\n                type: \"setCargoDirectionView\",\r\n                cargoDirectionView\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport { Checkbox, TextField } from \"@fluentui/react\";\r\nimport { ISofEventDataField } from \"../../../../../interfaces/ISofEventDataField\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\n\r\nexport const AdditionalData: React.FC<{ data?: ISofEventDataField[], onChange: (_: ISofEventDataField[]) => void }> = ({ data, onChange }) => {\r\n    const { toCamlCase } = useStringFunctions();\r\n\r\n    const updateDataField = (df: ISofEventDataField, index: number) => {\r\n        let tempData = data!.slice();\r\n        tempData[index] = df;\r\n        onChange(tempData);\r\n    }\r\n\r\n    const deleteDataField = (f: ISofEventDataField, index: number) => {\r\n        let tempData = data!.slice();\r\n        tempData.splice(index, 1);\r\n        onChange(tempData);\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            noPadding: true,\r\n            render: (f: ISofEventDataField, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        borderless\r\n                        value={f.name ? f.name : \"\"}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px 12px 30px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            updateDataField({\r\n                                ...f,\r\n                                name: v ? v : \"\",\r\n                                internalName: v ? toCamlCase(v, true) : \"\"\r\n                            }, rowId);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"dataType\",\r\n            title: \"Data type\",\r\n            gridCellWidth: \"150px\",\r\n            noPadding: true,\r\n            render: (f: ISofEventDataField, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        selectedKey={f.dataType}\r\n                        padding=\"6px 16px\"\r\n                        onChange={(ev, v) => {\r\n                            if (!v) {\r\n                                return;\r\n                            }\r\n\r\n                            updateDataField({\r\n                                ...f,\r\n                                dataType: v.key.toString(),\r\n                                required: v.key.toString() === \"Boolean\" ? false : f.required\r\n                            }, rowId);\r\n                        }}\r\n                        options={[\r\n                            { key: \"String\", text: \"text\" },\r\n                            { key: \"Double\", text: \"number\" },\r\n                            { key: \"Boolean\", text: \"true/false\" },\r\n                            { key: \"Port\", text: \"port\", title: \"Special data column for looking up ports\" },\r\n                        ]}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"required\",\r\n            noPadding: true,\r\n            gridCellWidth: \"70px\",\r\n            textAlign: \"center\",\r\n            render: (f: ISofEventDataField, rowId) => {\r\n                return (\r\n                    <div style={{\r\n                        height: \"100%\",\r\n                        display: \"flex\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\"\r\n                    }}>\r\n                        <Checkbox\r\n                            disabled={f.dataType! === \"Boolean\"}\r\n                            checked={f.required ? f.required : false}\r\n                            onChange={(ev, v) => updateDataField({ ...f, required: v ? v : false }, rowId)}\r\n                        />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <AppGridTableNew\r\n            smallHeader\r\n            noHoverColor\r\n            noAlternateRowColor\r\n            columns={columns}\r\n            data={data}\r\n            rowRemove={deleteDataField}\r\n        />\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IFlowActivityOutcome } from \"../../../../../interfaces/IFlow\";\r\nimport { useFlowFunctions } from \"../../../../../hooks/useFlowFunctions\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\nimport { SofEventTypes } from \"../../../../../_enums/SofEventTypes\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { CargoDirections } from \"../../../../../_enums/CargoDirections\";\r\nimport { Icon, SelectableOptionMenuItemType, TextField } from \"@fluentui/react\";\r\nimport { FlowItemType } from \"../../../../../_enums/FlowItemType\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\n\r\n//#region Styled Components\r\nconst ActivityOption = styled.div`\r\n    display: flex;\r\n    width: 150px !important;\r\n\r\n    >div {\r\n        padding: 0;\r\n    }\r\n\r\n    > div:first-child {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 25px;\r\n    }\r\n\r\n    > div:last-child {\r\n        width: 125px;\r\n        overflow-x: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Outcomes: React.FC<{ data?: IFlowActivityOutcome[], onChange: (_: IFlowActivityOutcome[]) => void, emptyMsg?: string }> = ({ data, onChange }) => {\r\n    const { convertFlowActivitiesToDropDownOptions } = useFlowFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { activities, cargoDirectionView, displayType } = useFlowProvider();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            noPadding: true,\r\n            gridCellWidth: \"220px\",\r\n            render: (o: IFlowActivityOutcome, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        borderless\r\n                        value={o.name ? o.name : \"\"}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px 12px 30px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            let _outcomes = data!.slice();\r\n                            _outcomes[rowId] = {\r\n                                ...o,\r\n                                name: v ? v : \"\"\r\n                            };\r\n                            onChange(_outcomes);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"direction\",\r\n            gridCellWidth: \"120px\",\r\n            noPadding: true,\r\n            render: (o: IFlowActivityOutcome, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        padding=\"6px 16px\"\r\n                        options={convertToKeyValuePair(CargoDirections)}\r\n                        selectedKey={o.direction ? o.direction : CargoDirections.Both}\r\n                        onChange={(ev, v) => {\r\n                            let _outcomes = data!.slice();\r\n                            _outcomes[rowId] = {\r\n                                ...o,\r\n                                direction: v ? Number(v.key) : CargoDirections.Both\r\n                            };\r\n                            onChange(_outcomes);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"nextEvents\",\r\n            title: \"Next events\",\r\n            noPadding: true,\r\n            render: (o: IFlowActivityOutcome, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        padding=\"6px 16px\"\r\n                        minHeight=\"42px\"\r\n                        options={\r\n                            convertFlowActivitiesToDropDownOptions(\r\n                                activities,\r\n                                activities.slice().filter(_ => (_.direction !== cargoDirectionView && _.direction !== CargoDirections.Both)),\r\n                                displayType === SofEventTypes.Port\r\n                                    ? [SofEventTypes.Port, SofEventTypes.Berth]\r\n                                    : [displayType]\r\n                            )\r\n                        }\r\n                        onRenderOption={_ => {\r\n                            if (!_) {\r\n                                return null;\r\n                            }\r\n\r\n                            if (_.itemType === SelectableOptionMenuItemType.Header) {\r\n                                return (\r\n                                    <div>\r\n                                        {_.text}\r\n                                    </div>\r\n                                );\r\n                            }\r\n\r\n                            let icon = \"CubeShape\";\r\n                            if (_.data!.type === FlowItemType.Action) {\r\n                                icon = \"LightningBolt\"\r\n                            }\r\n                            else if (_.data!.type === FlowItemType.Condition) {\r\n                                icon = \"FlowChart\"\r\n                            }\r\n\r\n                            return (\r\n                                <ActivityOption>\r\n                                    {icon &&\r\n                                        <div>\r\n                                            <Icon iconName={icon} />\r\n                                        </div>\r\n                                    }\r\n                                    <div>\r\n                                        {_.text}\r\n                                    </div>\r\n                                </ActivityOption>\r\n                            );\r\n                        }}\r\n                        selectedKeys={o.nextIds ? o.nextIds : []}\r\n                        multiSelect\r\n                        onChange={(ev, v) => {\r\n                            if (!v) {\r\n                                return;\r\n                            }\r\n                            let _outcomes = data!.slice();\r\n                            let _nextIds = _outcomes[rowId].nextIds ? _outcomes[rowId].nextIds! : [];\r\n\r\n                            _nextIds = v.selected\r\n                                ? [..._nextIds, v.key.toString()]\r\n                                : _nextIds.filter(_ => _ !== v.key);\r\n\r\n                            _outcomes[rowId] = {\r\n                                ...o,\r\n                                nextIds: _nextIds\r\n                            };\r\n\r\n                            onChange(_outcomes);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <AppGridTableNew\r\n            smallHeader\r\n            noHoverColor\r\n            noAlternateRowColor\r\n            columns={columns}\r\n            data={data}\r\n            rowRemove={(rowData: IFlowActivityOutcome, rowId) => {\r\n                let _outcomes = data!.slice();\r\n                _outcomes.splice(rowId, 1);\r\n                onChange(_outcomes);\r\n            }}\r\n        />\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFlowFunctions } from \"../../../../../hooks/useFlowFunctions\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\nimport { Dropdown, Icon, SelectableOptionMenuItemType } from \"@fluentui/react\";\r\nimport { FlowItemType } from \"../../../../../_enums/FlowItemType\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\n\r\n//#region Styled Components\r\nconst ActivityOption = styled.div`\r\n    display: flex;\r\n\r\n    >div {\r\n        padding: 0;\r\n    }\r\n\r\n    > div:first-child {\r\n        display: flex;\r\n        justify-content: center;\r\n        width: 25px;\r\n    }\r\n\r\n    > div:last-child {\r\n        overflow-x: hidden;\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ClearConditions: React.FC<{ ids?: string[], onChange: (_: string[]) => void }> = ({ ids, onChange }) => {\r\n    const { convertFlowActivitiesToDropDownOptions } = useFlowFunctions();\r\n    const { activities } = useFlowProvider();\r\n    const options = convertFlowActivitiesToDropDownOptions(activities.filter(_ => _.type === FlowItemType.Condition), [])\r\n\r\n    if (options.filter(_ => _.itemType !== SelectableOptionMenuItemType.Header).length === 0) {\r\n        return (\r\n            <div>\r\n                No conditions found in flow.\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <InputWithDescription description=\"Conditions to clear when event is saved\" defaultDescription>\r\n            <Dropdown\r\n                multiSelect\r\n                placeholder=\"Select conditions to clear when event is saved\"\r\n                options={options}\r\n                selectedKeys={ids}\r\n                onRenderOption={_ => {\r\n                    if (!_) {\r\n                        return null;\r\n                    }\r\n\r\n                    if (_.itemType === SelectableOptionMenuItemType.Header) {\r\n                        return (\r\n                            <div>\r\n                                {_.text}\r\n                            </div>\r\n                        );\r\n                    }\r\n\r\n                    let icon = \"CubeShape\";\r\n                    if (_.data!.type === FlowItemType.Action) {\r\n                        icon = \"LightningBolt\"\r\n                    }\r\n                    else if (_.data!.type === FlowItemType.Condition) {\r\n                        icon = \"FlowChart\"\r\n                    }\r\n\r\n                    return (\r\n                        <ActivityOption>\r\n                            {icon &&\r\n                                <div>\r\n                                    <Icon iconName={icon} />\r\n                                </div>\r\n                            }\r\n                            <div>\r\n                                {_.text}\r\n                            </div>\r\n                        </ActivityOption>\r\n                    );\r\n                }}\r\n                onChange={(ev, v) => {\r\n                    if (!v) {\r\n                        return;\r\n                    }\r\n\r\n                    let _ids = ids ? ids.filter(_ => v.key !== _) : [];\r\n                    if (v.selected) {\r\n                        _ids.push(v.key.toString())\r\n                    }\r\n\r\n                    onChange(_ids);\r\n                }}\r\n            />\r\n        </InputWithDescription>\r\n    );\r\n};","export enum FlowActivityEventIncludeType {\r\n    All = 1,\r\n    First = 10,\r\n    Last = 20,\r\n    \"First for berth\" = 30,\r\n    \"Last for berth\" = 40\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { IFlowActivityEvent, IFlowActivityEventLogReportProperty } from \"../../../../../interfaces/IFlow\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\nimport { LogReportType } from \"../../../../../_enums/LogReportType\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppNumericTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\nimport { LogReportProperty } from \"../../../../../_enums/LogReportProperty\";\r\n\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .two-columns {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        gap: 20px;\r\n    }\r\n\r\n    .log-report-properties-table {\r\n        margin: 10px -30px;\r\n    }\r\n\r\n    .add-prop {\r\n        margin: 20px 0 40px;\r\n        cursor: pointer;\r\n        width: fit-content;\r\n        color: #4177bf;\r\n\r\n        >span {\r\n            padding-left: 5px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Center = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n//#endregion\r\n\r\nexport const EventReportDetails: React.FC<{ flowEvent: IFlowActivityEvent, onChange: (_: IFlowActivityEvent) => void }> = ({ flowEvent, onChange }) => {\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const notSortableProp: LogReportProperty[] = [\r\n        LogReportProperty.Consumptions,\r\n        LogReportProperty.RemainingOnboard,\r\n        LogReportProperty.ShoreSideElectricity,\r\n        LogReportProperty.Comments,\r\n        LogReportProperty.OilTankRob\r\n    ];\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"property\",\r\n            noPadding: true,\r\n            render: (p: IFlowActivityEventLogReportProperty, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        key={`LogReportProp_Property_${uuidv4()}`}\r\n                        borderless\r\n                        padding=\"6px 16px 6px 30px\"\r\n                        placeholder=\"Select a property\"\r\n                        selectedKey={p.logReportProperty}\r\n                        options={convertToKeyValuePair(LogReportProperty).map(p => {\r\n                            return {\r\n                                key: p.key,\r\n                                text: p.text,\r\n                                disabled: flowEvent.logReportProperties?.find(_ => _.logReportProperty === p.key) ? true : false\r\n                            }\r\n                        })}\r\n                        onChange={(ev, v) => {\r\n                            if (v && flowEvent.logReportProperties) {\r\n\r\n                                let all = [...flowEvent.logReportProperties!.slice()];\r\n                                let lp = all[rowId];\r\n\r\n                                lp.logReportProperty = Number(v.key);\r\n\r\n                                if (notSortableProp.some(_ => _ === Number(v.key))) {\r\n                                    lp.sort = undefined;\r\n                                }\r\n\r\n                                all[rowId] = lp;\r\n\r\n                                onChange({ ...flowEvent, logReportProperties: all });\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"sort\",\r\n            noPadding: true,\r\n            gridCellWidth: \"100px\",\r\n            render: (p: IFlowActivityEventLogReportProperty, rowId) => {\r\n                return (\r\n                    <AppNumericTextField\r\n                        autoComplete=\"off\"\r\n                        borderless\r\n                        wholeNumbersOnly\r\n                        placeholder=\"Sort index\"\r\n                        min={0}\r\n                        value={p.sort ? p.sort?.toString() : \"\"}\r\n                        disabled={p.logReportProperty && notSortableProp.some(_ => _ === p.logReportProperty)}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            if (v !== undefined && flowEvent.logReportProperties && v.trim().length <= 3) {\r\n                                let all = [...flowEvent.logReportProperties];\r\n                                let lp = all[rowId];\r\n\r\n                                lp.sort = Number(v);\r\n                                all[rowId] = lp;\r\n\r\n                                onChange({ ...flowEvent, logReportProperties: all });\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"required\",\r\n            noPadding: true,\r\n            gridCellWidth: \"120px\",\r\n            render: (p: IFlowActivityEventLogReportProperty, rowId) => {\r\n                return (\r\n                    <Center title=\"Wether the field is required or not\">\r\n                        <Checkbox\r\n                            label=\"Required\"\r\n                            checked={p.required ? p.required : false}\r\n                            onChange={(ev, checked) => {\r\n                                if (flowEvent.logReportProperties) {\r\n\r\n                                    let all = [...flowEvent.logReportProperties];\r\n                                    let lp = all[rowId];\r\n\r\n                                    lp.required = checked ? checked : false;\r\n                                    all[rowId] = lp;\r\n\r\n                                    onChange({ ...flowEvent, logReportProperties: all });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Center>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"autoPopulate\",\r\n            noPadding: true,\r\n            gridCellWidth: \"150px\",\r\n            render: (p: IFlowActivityEventLogReportProperty, rowId) => {\r\n                return (\r\n                    <Center title=\"Field will be auto populated from AIS if available\">\r\n                        <Checkbox\r\n                            label=\"Auto populate\"\r\n                            checked={p.autoPopulate ? p.autoPopulate : false}\r\n                            onChange={(ev, checked) => {\r\n                                if (flowEvent.logReportProperties) {\r\n\r\n                                    let all = [...flowEvent.logReportProperties];\r\n                                    let lp = all[rowId];\r\n\r\n                                    lp.autoPopulate = checked ? checked : false;\r\n                                    all[rowId] = lp;\r\n\r\n                                    onChange({ ...flowEvent, logReportProperties: all });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Center>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"two-columns\">\r\n                <InputWithDescription description=\"Report type to show inline with the event\" defaultDescription={true}>\r\n                    <AppDropDown\r\n                        placeholder=\"Select a log report type\"\r\n                        selectedKey={flowEvent.logReportType ? flowEvent.logReportType : -1}\r\n                        options={[{ key: -1, text: \"[No inline report]\" }, ...convertToKeyValuePair(LogReportType, [30, 60, 70, 100, 200, 210, 500, 10000])]}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                onChange({\r\n                                    ...flowEvent,\r\n                                    logReportType: Number(v.key) >= 0 ? Number(v.key) : undefined,\r\n                                    logReportProperties: Number(v.key) >= 0 ? flowEvent.logReportProperties : [],\r\n                                    autoCreateLogReport: Number(v.key) < 0 ? false : flowEvent.autoCreateLogReport\r\n                                });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <Checkbox\r\n                    disabled={!flowEvent.logReportType || flowEvent.logReportType < 0}\r\n                    title=\"If an empty report should be created when a new event is registered\"\r\n                    label=\"Auto create\"\r\n                    checked={flowEvent.autoCreateLogReport ? flowEvent.autoCreateLogReport : false}\r\n                    styles={{\r\n                        root: {\r\n                            marginTop: \"6px\"\r\n                        }\r\n                    }}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({\r\n                            ...flowEvent,\r\n                            autoCreateLogReport: checked ? checked : false\r\n                        });\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n            {flowEvent.logReportType &&\r\n                <>\r\n                    {flowEvent.logReportProperties && flowEvent.logReportProperties.length > 0 &&\r\n                        <div className=\"log-report-properties-table\">\r\n                            <AppGridTableNew\r\n                                bottomBorder\r\n                                emptyMessage=\"Add properties to include in the report by clicking Add property\"\r\n                                smallHeader\r\n                                noHoverColor\r\n                                noAlternateRowColor\r\n                                columns={columns}\r\n                                data={flowEvent.logReportProperties}\r\n                                rowRemove={(rowData, rowId) => {\r\n                                    let props = [...flowEvent.logReportProperties!];\r\n                                    props.splice(rowId, 1);\r\n                                    onChange({ ...flowEvent, logReportProperties: props });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    }\r\n\r\n                    <div\r\n                        className=\"add-prop\"\r\n                        onClick={() => {\r\n                            let props = flowEvent.logReportProperties ? [...flowEvent.logReportProperties] : [];\r\n                            onChange({\r\n                                ...flowEvent,\r\n                                logReportProperties: [...props, {}]\r\n                            });\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faPlus} />\r\n                        <span>Add property</span>\r\n                    </div>\r\n                </>\r\n            }\r\n\r\n        </Container >\r\n    );\r\n};","export enum FlowActivityEventBaseType {\r\n    Standard = 10,\r\n    RegisterRate = 20\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, PanelType, Checkbox, Dropdown } from \"@fluentui/react\";\r\nimport { faCube, faInfoCircle, faPlus, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useEventTriggers } from \"../../../../../api/hooks/useEventTriggers\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IFlowActivityEvent, IFlowActivityEventSettings } from \"../../../../../interfaces/IFlow\";\r\nimport { AdditionalData } from \"../AdditionalData/AdditionalData\";\r\nimport { Outcomes } from \"../Outcomes/Outcomes\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { CargoDirections } from \"../../../../../_enums/CargoDirections\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\nimport { EventTriggerTypes } from \"../../../../../_enums/EventTriggerTypes\";\r\nimport { SofEventTypes } from \"../../../../../_enums/SofEventTypes\";\r\nimport { IEventTrigger } from \"../../../../../interfaces/IEventTrigger\";\r\nimport { CargoOperationTypes } from \"../../../../../_enums/CargoOperationTypes\";\r\nimport { ClearConditions } from \"../ClearConditions/ClearConditions\";\r\nimport { FlowActivityEventIncludeType } from \"../../../../../_enums/FlowActivityEventIncludeType\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AppNumericTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\nimport { EventReportDetails } from \"../ReportDetails/EventReportDetails\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { FlowActivityEventBaseType } from \"../../../../../_enums/FlowActivityEventBaseType\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 10px 0;\r\n\r\n    >div {\r\n        padding: 20px 30px 25px;\r\n        border-bottom: 1px dotted #aaa;\r\n\r\n        .table {\r\n            margin: -10px -30px -25px;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .flex {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        column-gap: 20px;\r\n        row-gap: 10px;\r\n\r\n        >div {\r\n            width: 210px\r\n        }\r\n    }\r\n`;\r\n\r\nconst Triggers = styled.div`\r\n    >div {\r\n        margin: 15px 0;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n\r\nconst Trigger = styled.div`\r\n    display: flex;\r\n\r\n    >div:nth-child(2) {\r\n        padding-left: 7px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DetailsEvent: React.FC<{ fe?: IFlowActivityEvent, onSave: (_: IFlowActivityEvent) => void, onDelete: (_: IFlowActivityEvent) => void, dismiss: () => void }> = ({ fe, onSave, onDelete, dismiss }) => {\r\n    const { data: triggers } = useEventTriggers();\r\n    const { toCamlCase } = useStringFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { flow } = useFlowProvider();\r\n    const [flowEvent, setFlowEvent] = useState<IFlowActivityEvent | undefined>();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isStandardEvent = flowEvent && (flowEvent.eventBaseType === 10 || !flowEvent.eventBaseType);\r\n\r\n    const pcAndBerthTriggers = [\r\n        EventTriggerTypes.StartPortcall,\r\n        EventTriggerTypes.EndPortcall,\r\n        EventTriggerTypes.StartAnchor,\r\n        EventTriggerTypes.EndAnchor,\r\n        EventTriggerTypes.StartDrift,\r\n        EventTriggerTypes.EndDrift,\r\n        EventTriggerTypes.StartBerth,\r\n        EventTriggerTypes.EndBerth,\r\n        EventTriggerTypes.StartCargo,\r\n        EventTriggerTypes.EndCargo,\r\n        EventTriggerTypes.AskForNorTender,\r\n        EventTriggerTypes.ArrivalReportEmail,\r\n        EventTriggerTypes.DepartureReportEmail,\r\n        EventTriggerTypes.ClosePortcall,\r\n        EventTriggerTypes.AlreadyInPort\r\n    ];\r\n    const cargoTriggers = [\r\n        // EventTriggerTypes.StartBarge,\r\n        // EventTriggerTypes.EndBarge\r\n        EventTriggerTypes.StartCargo,\r\n        EventTriggerTypes.EndCargo,\r\n        EventTriggerTypes.RegisterQty,\r\n        EventTriggerTypes.RegisterShipsFigures,\r\n        EventTriggerTypes.RegisterShipsRequestedQty,\r\n        EventTriggerTypes.RegisterUnits,\r\n        EventTriggerTypes.RegisterAdditionalQtyProcessedInMt,\r\n        EventTriggerTypes.SetNorTendered,\r\n        EventTriggerTypes.IsDelay,\r\n        EventTriggerTypes.EndDelay,\r\n        EventTriggerTypes.StartLoadDischarge,\r\n        EventTriggerTypes.EndLoadDischarge,\r\n        EventTriggerTypes.AskForStorage,\r\n        EventTriggerTypes.LopWarning\r\n    ];\r\n    const coTriggers = [\r\n        // EventTriggerTypes.StartBarge,\r\n        // EventTriggerTypes.EndBarge\r\n        EventTriggerTypes.StarCargoOperation,\r\n        EventTriggerTypes.EndCargoOperation,\r\n        EventTriggerTypes.RegisterQty,\r\n        EventTriggerTypes.RegisterShipsFigures,\r\n        EventTriggerTypes.RegisterShipsRequestedQty,\r\n        EventTriggerTypes.RegisterUnits,\r\n        EventTriggerTypes.RegisterAdditionalQtyProcessedInMt,\r\n        EventTriggerTypes.IsDelay,\r\n        EventTriggerTypes.EndDelay,\r\n        EventTriggerTypes.StartLoadDischarge,\r\n        EventTriggerTypes.EndLoadDischarge,\r\n        EventTriggerTypes.AskForStorage\r\n    ];\r\n\r\n    const demurrageIdInUse = () => {\r\n        if (flowEvent!.demurrageId) {\r\n            let exists = flow!.flowDefinition.events.find(_ =>\r\n                _.demurrageId?.toLowerCase().trim() === flowEvent!.demurrageId?.toLowerCase().trim() &&\r\n                _.id !== flowEvent!.id\r\n            );\r\n\r\n            if (exists) {\r\n                return true;\r\n            }\r\n        }\r\n        return false;\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!flowEvent) {\r\n            return false;\r\n        }\r\n\r\n        if (!flowEvent.name || flowEvent.name.trim().length <= 2) {\r\n            return false;\r\n        }\r\n\r\n        if (demurrageIdInUse()) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    const triggerHasLevel = (t: IEventTrigger) => {\r\n        if (!fe) {\r\n            return false;\r\n        }\r\n\r\n        if ((fe.itemLevel === SofEventTypes.Port || fe.itemLevel === SofEventTypes.Berth) && Object.values(pcAndBerthTriggers).findIndex(_ => _ === t.type) >= 0) {\r\n            return true;\r\n        }\r\n\r\n        if (fe.itemLevel === SofEventTypes.Cargo && Object.values(cargoTriggers).findIndex(_ => _ === t.type) >= 0) {\r\n            return true;\r\n        }\r\n\r\n        if (fe.itemLevel === SofEventTypes.CargoOperation && Object.values(coTriggers).findIndex(_ => _ === t.type) >= 0) {\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const getBaseTypeOptions = () => {\r\n        return convertToKeyValuePair(FlowActivityEventBaseType).filter(o => {\r\n            if (Number(o.key) > 10) {\r\n                if (fe?.itemLevel === SofEventTypes.Cargo || fe?.itemLevel === SofEventTypes.CargoOperation) {\r\n                    return o;\r\n                }\r\n            }\r\n            else {\r\n                return o;\r\n            }\r\n        });\r\n    }\r\n\r\n    const saveEvent = () => {\r\n        if (!flowEvent) {\r\n            return;\r\n        }\r\n\r\n        // Clear data if special event\r\n        if (!isStandardEvent) {\r\n            onSave({\r\n                ...flowEvent,\r\n                additionalData: undefined,\r\n                triggers: undefined,\r\n                settings: undefined,\r\n                demurrageId: undefined,\r\n                autoCreateLogReport: false,\r\n                logReportProperties: undefined,\r\n                logReportType: undefined,\r\n                requiresCargoOperation: false,\r\n                suggestOnceOnly: false\r\n            });\r\n        }\r\n        else {\r\n            onSave(flowEvent);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fe) {\r\n            // Sort log report props when panel is opened\r\n            setFlowEvent({\r\n                ...fe,\r\n                logReportProperties: fe.logReportProperties\r\n                    ? [...fe.logReportProperties.sort((a, b) => {\r\n                        if (!b.sort)\r\n                            return -1;\r\n                        if (!a.sort)\r\n                            return 1;\r\n\r\n                        return a.sort > b.sort ? 1 : -1;\r\n                    })]\r\n                    : undefined\r\n            });\r\n        }\r\n        else {\r\n            setFlowEvent(undefined);\r\n        }\r\n    }, [fe])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Edit event</span> {flowEvent?.name}</span>}\r\n            titleBgColor={isStandardEvent ? \"#4177bf\" : \"#1b2431\"}\r\n            customWidth=\"750px\"\r\n            panelType={PanelType.custom}\r\n            isOpen={flowEvent ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faCube} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Ok\",\r\n                    type: \"Primary\",\r\n                    disabled: !isValid(),\r\n                    onClick: saveEvent\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {flowEvent &&\r\n                <Body>\r\n                    <div className=\"flex\">\r\n                        <InputWithDescription description=\"Base type\" defaultDescription>\r\n                            <Dropdown\r\n                                placeholder=\"Select event type\"\r\n                                selectedKey={flowEvent.eventBaseType ?? FlowActivityEventBaseType.Standard}\r\n                                options={getBaseTypeOptions()}\r\n                                onChange={(ev, o) => {\r\n                                    if (o) {\r\n                                        setFlowEvent({\r\n                                            ...flowEvent,\r\n                                            eventBaseType: o ? Number(o.key) : FlowActivityEventBaseType.Standard\r\n                                        });\r\n                                    }\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n                        <TextField\r\n                            required\r\n                            description=\"Name\"\r\n                            maxLength={50}\r\n                            value={flowEvent.name}\r\n                            onChange={(ev, v) => {\r\n                                setFlowEvent({\r\n                                    ...flowEvent,\r\n                                    name: v ? v : \"\",\r\n                                    internalName: v ? toCamlCase(v, true) : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <InputWithDescription description=\"Cargo direction\" defaultDescription>\r\n                            <Dropdown\r\n                                selectedKey={flowEvent.direction}\r\n                                options={convertToKeyValuePair(CargoDirections)}\r\n                                onChange={(ev, o) => {\r\n                                    setFlowEvent({\r\n                                        ...flowEvent,\r\n                                        direction: o ? Number(o.key) : CargoDirections.Both\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n                        <AppNumericTextField\r\n                            description=\"Sorting\"\r\n                            wholeNumbersOnly\r\n                            value={flowEvent.displaySorting ? flowEvent.displaySorting.toString() : \"\"}\r\n                            title=\"Used for sorting new events in the app\"\r\n                            onChange={(ev, v) => {\r\n                                setFlowEvent({\r\n                                    ...flowEvent,\r\n                                    displaySorting: v ? Number(v) : undefined\r\n                                });\r\n                            }}\r\n                        />\r\n                        {flowEvent.itemLevel === SofEventTypes.CargoOperation &&\r\n                            <InputWithDescription description=\"Only available for specific operation types\" defaultDescription>\r\n                                <Dropdown\r\n                                    selectedKeys={flowEvent.cargoOperationTypes}\r\n                                    options={convertToKeyValuePair(CargoOperationTypes)}\r\n                                    multiSelect\r\n                                    onChange={(ev, v) => {\r\n                                        if (!v) {\r\n                                            return;\r\n                                        }\r\n\r\n                                        let _types = (flowEvent.cargoOperationTypes ? flowEvent.cargoOperationTypes : []).filter(_ => _ !== v?.key);\r\n                                        if (v.selected) {\r\n                                            _types.push(Number(v.key));\r\n                                        }\r\n\r\n                                        setFlowEvent({\r\n                                            ...flowEvent,\r\n                                            cargoOperationTypes: _types\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </InputWithDescription>\r\n                        }\r\n                        <TextField\r\n                            description=\"Description\"\r\n                            value={flowEvent.description}\r\n                            maxLength={100}\r\n                            onChange={(ev, v) => {\r\n                                setFlowEvent({\r\n                                    ...flowEvent,\r\n                                    description: v ? v : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    {isStandardEvent &&\r\n                        <div>\r\n                            <AppPanelSubHeaderNew\r\n                                title={`Additional data (${flowEvent.additionalData ? flowEvent.additionalData.length : \"0\"})`}\r\n                                actions={[\r\n                                    {\r\n                                        title: \"Add additional data row\",\r\n                                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                        onClick: () => {\r\n                                            let data = flowEvent.additionalData ? flowEvent.additionalData.slice() : [];\r\n                                            setFlowEvent({\r\n                                                ...flowEvent, additionalData: [...data, {\r\n                                                    dataType: \"Boolean\"\r\n                                                }]\r\n                                            });\r\n                                        }\r\n                                    }\r\n                                ]}\r\n                            />\r\n                            <div className=\"table\">\r\n                                <AdditionalData\r\n                                    data={flowEvent.additionalData}\r\n                                    onChange={_ => {\r\n                                        setFlowEvent({\r\n                                            ...flowEvent, additionalData: _\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title={`Outcomes (${flowEvent.outcomes ? flowEvent.outcomes.length : \"0\"})`}\r\n                            actions={[\r\n                                {\r\n                                    title: \"Add outcome\",\r\n                                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                    onClick: () => {\r\n                                        let data = flowEvent.outcomes ? flowEvent.outcomes.slice() : [];\r\n                                        setFlowEvent({\r\n                                            ...flowEvent, outcomes: [...data, {\r\n                                                id: uuidv4(),\r\n                                                name: \"\",\r\n                                                nextIds: [],\r\n                                                direction: CargoDirections.Both\r\n                                            }]\r\n                                        });\r\n                                    }\r\n                                }\r\n                            ]}\r\n                        />\r\n                        <div className=\"table\">\r\n                            <Outcomes\r\n                                data={flowEvent.outcomes}\r\n                                emptyMsg=\"Click the pluss button to add next events\"\r\n                                onChange={_ => {\r\n                                    setFlowEvent({\r\n                                        ...flowEvent, outcomes: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n\r\n                    {isStandardEvent &&\r\n                        <div>\r\n                            <AppPanelSubHeaderNew title=\"Laytime settings\" />\r\n                            <div className=\"flex\">\r\n                                <TextField\r\n                                    description=\"Demurage id\"\r\n                                    autoComplete=\"Off\"\r\n                                    value={flowEvent.demurrageId ? flowEvent.demurrageId : \"\"}\r\n                                    errorMessage={demurrageIdInUse() ? `Demurrage id is used by another event. Must be unique within a flow.` : undefined}\r\n                                    title=\"Used for mapping when calulating demurrage\"\r\n                                    onChange={(ev, v) => {\r\n                                        setFlowEvent({\r\n                                            ...flowEvent,\r\n                                            demurrageId: v ? v : undefined\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <InputWithDescription defaultDescription description=\"Include type\">\r\n                                    <Dropdown\r\n                                        placeholder=\"Select an include type\"\r\n                                        selectedKey={flowEvent.settings?.laytimeIncludeType}\r\n                                        options={convertToKeyValuePair(FlowActivityEventIncludeType)}\r\n                                        onChange={(ev, v) => {\r\n                                            if (v) {\r\n                                                let settings: IFlowActivityEventSettings = flowEvent.settings\r\n                                                    ? { ...flowEvent.settings, laytimeIncludeType: Number(v.key) }\r\n                                                    : { laytimeIncludeType: Number(v.key), includeInLaytime: true };\r\n\r\n                                                setFlowEvent({ ...flowEvent, settings });\r\n                                            }\r\n                                        }}\r\n                                    />\r\n                                </InputWithDescription>\r\n                                <Checkbox\r\n                                    label=\"Include in laytime\"\r\n                                    checked={flowEvent.settings?.includeInLaytime}\r\n                                    onChange={(ev, v) => {\r\n                                        let settings: IFlowActivityEventSettings = flowEvent.settings\r\n                                            ? { ...flowEvent.settings, includeInLaytime: v ? v : false }\r\n                                            : { includeInLaytime: v ? v : false };\r\n\r\n                                        setFlowEvent({ ...flowEvent, settings });\r\n                                    }}\r\n                                    styles={{\r\n                                        root: {\r\n                                            paddingTop: \"7px\"\r\n                                        }\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    }\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew title={`Clear conditions (${flowEvent.clearConditions ? flowEvent.clearConditions.length : \"0\"})`} />\r\n                        <ClearConditions\r\n                            ids={flowEvent.clearConditions}\r\n                            onChange={_ => {\r\n                                setFlowEvent({\r\n                                    ...flowEvent, clearConditions: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew title=\"Misc settings\" />\r\n                        <CbxList>\r\n                            <Checkbox\r\n                                label=\"Is start event\"\r\n                                checked={flowEvent.start}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowEvent({\r\n                                        ...flowEvent, start: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <Checkbox\r\n                                label=\"Exclude from SOF\"\r\n                                checked={flowEvent.excludeFromSof}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowEvent({\r\n                                        ...flowEvent, excludeFromSof: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                            {isStandardEvent &&\r\n                                <>\r\n                                    <Checkbox\r\n                                        label=\"Requires cargo operation\"\r\n                                        checked={flowEvent.requiresCargoOperation}\r\n                                        onChange={(ev, checked) => {\r\n                                            setFlowEvent({\r\n                                                ...flowEvent, requiresCargoOperation: checked ? checked : false\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                    <Checkbox\r\n                                        label=\"Suggest once only\"\r\n                                        checked={flowEvent.suggestOnceOnly}\r\n                                        onChange={(ev, checked) => {\r\n                                            setFlowEvent({\r\n                                                ...flowEvent, suggestOnceOnly: checked ? checked : false\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                </>\r\n                            }\r\n                        </CbxList>\r\n                    </div>\r\n\r\n                    {isStandardEvent &&\r\n                        <>\r\n                            <div>\r\n                                <AppPanelSubHeaderNew title=\"Triggers\" />\r\n                                <Triggers>\r\n                                    {triggers?.slice().filter(_ => _.group === \"Default\" && triggerHasLevel(_)).map(_ => {\r\n                                        return (\r\n                                            <Trigger title={_.description} key={`Trigger_${_.id}`}>\r\n                                                <Checkbox\r\n                                                    label={_.name}\r\n                                                    checked={flowEvent.triggers && flowEvent.triggers.indexOf(_.type) >= 0}\r\n                                                    onChange={(ev, checked) => {\r\n                                                        let _triggers = flowEvent.triggers ? flowEvent.triggers.slice().filter(tType => tType !== _.type) : [];\r\n                                                        if (checked) {\r\n                                                            _triggers.push(_.type);\r\n                                                        }\r\n\r\n                                                        setFlowEvent({\r\n                                                            ...flowEvent, triggers: _triggers\r\n                                                        });\r\n                                                    }}\r\n                                                />\r\n                                                {_.description &&\r\n                                                    <div>\r\n                                                        <FontAwesomeIcon icon={faInfoCircle} />\r\n                                                    </div>\r\n                                                }\r\n                                            </Trigger>\r\n                                        );\r\n                                    })}\r\n                                </Triggers>\r\n                            </div>\r\n\r\n\r\n                            {/* Report settings */}\r\n                            {(flowEvent.itemLevel === SofEventTypes.Port || flowEvent.itemLevel === SofEventTypes.Berth) &&\r\n                                <div>\r\n                                    <AppPanelSubHeaderNew title=\"Inline report\" />\r\n                                    <EventReportDetails\r\n                                        flowEvent={flowEvent}\r\n                                        onChange={_ => setFlowEvent(_)}\r\n                                    />\r\n                                </div>\r\n                            }\r\n                        </>\r\n                    }\r\n\r\n                    {/* Modals */}\r\n                    <AppDialog\r\n                        title=\"Delete event\"\r\n                        subText={`Are you sure you want to delete the Sof event ${flowEvent.name}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            onDelete(flowEvent!);\r\n                        }}\r\n                    />\r\n                </Body>\r\n            }\r\n        </AppPanelNew >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IEventTrigger } from \"../../interfaces/IEventTrigger\";\r\n\r\nexport const useEventTriggers = () => {\r\n    const { data, error, isValidating, mutate } = useSWR<IEventTrigger[]>(\"/eventTriggers\", {\r\n        dedupingInterval: 1000 * 60 * 5,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    return { data, error, isValidating };\r\n};","import React from 'react';\r\nimport { Handle, Position } from 'react-flow-renderer';\r\nimport styled from 'styled-components';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { IFlowActivityOutcome } from '../../../../../interfaces/IFlow';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\n\r\n//#region Styled Components\r\nconst Connector = styled(Handle) <{ position: Position }>`\r\n    background-color: #4177bf;\r\n    height: 11px;\r\n    width: 11px;\r\n    top: ${_ => _.position === Position.Top ? \"-6px\" : undefined};\r\n    bottom: ${_ => _.position === Position.Bottom ? \"-6px\" : undefined};\r\n    transition: all .2s ease;\r\n\r\n    :hover {\r\n        top: ${_ => _.position === Position.Top ? \"-6px\" : undefined};\r\n        bottom: ${_ => _.position === Position.Bottom ? \"-6px\" : undefined};\r\n        left: calc(50% - 6px);\r\n        transform: scale(2) translateX(-25%);\r\n\r\n        >div {\r\n            transform: scale(.5);\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\n\r\nexport const NodeConnectors: React.FC<{ outcomes?: IFlowActivityOutcome[], backgroundColor?: string }> = ({ outcomes, backgroundColor }) => {\r\n    const { cargoDirectionView } = useFlowProvider();\r\n    let _outcomes = outcomes ? outcomes.filter(_ => _.direction === CargoDirections.Both || _.direction === cargoDirectionView) : [];\r\n\r\n    return (\r\n        <div>\r\n            {_outcomes.map((_, i) => {\r\n                let step = 320 / (_outcomes.length + 1);\r\n                \r\n                let leftPercent = (step / 320) * 100;\r\n                leftPercent = leftPercent * (i + 1);\r\n\r\n                let title = `${_.name} ${_.direction === CargoDirections.Both ? \"\" : `(${CargoDirections[_.direction]} only)`}`;\r\n\r\n                return (\r\n                    <Connector\r\n                        title={title}\r\n                        key={_.id}\r\n                        id={_.id}\r\n                        style={{ backgroundColor, left: `${leftPercent}%` }}\r\n                        type=\"source\"\r\n                        position={Position.Bottom}\r\n                    />\r\n                );\r\n            })}\r\n        </div>\r\n    );\r\n}","import React from 'react';\r\nimport { Handle, Position } from 'react-flow-renderer';\r\nimport styled from 'styled-components';\r\n\r\n//#region Styled Components\r\nconst Connector = styled(Handle) <{ bgcolor?: string }>`\r\n    background-color: ${_ => _.bgcolor ? _.bgcolor : \"#4177bf\"} ;\r\n    height: 11px;\r\n    width: 11px;\r\n    top: -6px;\r\n    transition: all .2s ease;\r\n\r\n    :hover {\r\n        top: ${_ => _.position === Position.Top ? \"-6px\" : undefined};\r\n        bottom: ${_ => _.position === Position.Bottom ? \"-6px\" : undefined};\r\n        left: calc(50% - 6px);\r\n        transform: scale(2);\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TopNodeConnector: React.FC<{ bgcolor?: string }> = ({ bgcolor }) => {\r\n    return (\r\n        <Connector\r\n            type=\"target\"\r\n            position={Position.Top}\r\n            bgcolor={bgcolor}\r\n        />\r\n    );\r\n}","import React, { useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { Icon } from '@fluentui/react';\r\nimport { AppDialog } from '../../../../../blocks/appDialog/AppDialog';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { IFlowActivityEvent } from '../../../../../interfaces/IFlow';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\nimport { SofEventTypes } from '../../../../../_enums/SofEventTypes';\r\nimport { NodeConnectors } from './NodeConnectors';\r\nimport { TopNodeConnector } from './TopNodeConnector';\r\nimport { CargoOperationTypes } from '../../../../../_enums/CargoOperationTypes';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faArrowDown, faArrowsUpDown, faArrowUp } from '@fortawesome/free-solid-svg-icons';\r\nimport { FlowActivityEventBaseType } from '../../../../../_enums/FlowActivityEventBaseType';\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 250px;\r\n    background-color: rgb(255,255,255,.8);\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 4px #ccc;\r\n`;\r\n\r\nconst Header = styled.div<{ isStandard?: boolean }>`\r\n    background-color: ${_ => _.isStandard ? \"#4177bf\" : \"#333\"};\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 4px 4px 0 0;\r\n    padding: 0 10px 0 18px;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    gap: 10px;\r\n\r\n    >div {\r\n        align-self: center;\r\n    }\r\n\r\n    .icon { }\r\n\r\n    .title {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n        letter-spacing: .2px;\r\n    }\r\n\r\n    .actions {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, auto);\r\n        height: 100%;\r\n\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 8px;\r\n            cursor: pointer;\r\n\r\n            :hover {\r\n                background-color: #3a69a9\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    flex-grow: 1;\r\n    padding: 15px 18px 15px;\r\n\r\n    .info {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        gap: 5px;\r\n\r\n        .text {\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .markers {\r\n            display: flex;\r\n            margin: 0 -2px;\r\n\r\n            >div {\r\n                border: 1px solid #ddd;\r\n                min-width: 18px;\r\n                min-height: 16px;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                border-radius: 50%;\r\n                font-weight: 500;\r\n                font-size: 11px;\r\n                margin: 0 2px;\r\n                background-color: #f1f1f1;\r\n            }\r\n\r\n            .start {\r\n                background-color: #32ad32;\r\n                color: white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .sub {\r\n        font-size: 9px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #aaa;\r\n        margin: 6px 0 0 0;\r\n        line-height: 14px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IEventNodeData {\r\n    activity: IFlowActivityEvent,\r\n    onEdit: (_: IFlowActivityEvent) => void,\r\n    onDelete: (_: IFlowActivityEvent) => void\r\n}\r\n\r\nexport const EventNode: React.FC<{ data: IEventNodeData }> = ({ data }) => {\r\n    const { cargoDirectionView } = useFlowProvider();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const event: IFlowActivityEvent = data.activity;\r\n    const isStandard = event.eventBaseType === FlowActivityEventBaseType.Standard;\r\n\r\n    return (\r\n        <Container style={{ opacity: event.direction === CargoDirections.Both || event.direction === cargoDirectionView ? 1 : .3 }}>\r\n            <TopNodeConnector bgcolor={!isStandard ? \"#333\" : undefined} />\r\n            <Header isStandard={isStandard}>\r\n                <div className=\"icon\">\r\n                    <FontAwesomeIcon icon={\r\n                        event.direction === CargoDirections.Both\r\n                            ? faArrowsUpDown\r\n                            : event.direction === CargoDirections.Load\r\n                                ? faArrowDown\r\n                                : faArrowUp\r\n                    } />\r\n                </div>\r\n                <div className=\"title\" title={event.name}>\r\n                    <span>\r\n                        {event.name}\r\n                    </span>\r\n                </div>\r\n                <div className=\" actions nodrag\">\r\n                    <div title=\"Delete\" onClick={() => setDeleteDialogOpen(true)}>\r\n                        <Icon iconName=\"Delete\" />\r\n                    </div>\r\n                    <div title=\"Edit\" onClick={() => data.onEdit(event)}>\r\n                        <Icon iconName=\"Edit\" />\r\n                    </div>\r\n                </div>\r\n            </Header>\r\n            <Body>\r\n                <div className=\"info\">\r\n                    <div className=\"text\">\r\n                        Triggers: {event.triggers ? event.triggers.length : 0}, Data fields: {event.additionalData ? event.additionalData?.length : 0}\r\n                    </div>\r\n                    <div className=\"markers\">\r\n                        {event.start &&\r\n                            <div className=\"start\" title=\"Start event\">\r\n                                S\r\n                            </div>\r\n                        }\r\n                        {event.settings?.includeInLaytime &&\r\n                            <div title=\"Included in laytime calculation\">\r\n                                L\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n                <div className=\"sub\">\r\n                    {!isStandard ? \"Special \" : undefined}\r\n                    {SofEventTypes[event.itemLevel]} event {event.displaySorting ? `| Sort: ${event.displaySorting}` : \"\"}\r\n                    {event.cargoOperationTypes && event.cargoOperationTypes.length > 0 &&\r\n                        <span> | CO types: {event.cargoOperationTypes.map(_ => CargoOperationTypes[_]).join(\", \")}</span>\r\n                    }\r\n                </div>\r\n            </Body>\r\n\r\n            <NodeConnectors\r\n                outcomes={event.outcomes}\r\n                backgroundColor={!isStandard ? \"#333\" : undefined}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"Delete event\"\r\n                subText={`Are you sure you want to delete the event ${event.name}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    data.onDelete(event);\r\n                }}\r\n            />\r\n\r\n        </Container>\r\n    );\r\n}","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Icon } from '@fluentui/react';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { useStringFunctions } from '../../../../../hooks/useStringFunctions';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\nimport { SofEventTypes } from '../../../../../_enums/SofEventTypes';\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: absolute;\r\n    width: fit-content;\r\n    right: 0;\r\n    z-index: 10;\r\n    user-select: none;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n\r\n    >div {\r\n        display: flex;\r\n        padding: 23px 25px;\r\n        width: fit-content;\r\n        opacity: .4;\r\n        transition: opacity .1s ease-in-out;\r\n\r\n        :hover {\r\n            opacity: 1;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Action = styled.div`\r\n    width: fit-content;\r\n    display: flex;\r\n    opacity: .9;\r\n    padding: 8px 12px 6px;\r\n    margin: 0 5px;\r\n    background-color: #4177bf;\r\n    color: white;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n\r\n    >div:first-child {\r\n        font-size: 14px;\r\n        padding-right: 5px;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 12px;\r\n    }\r\n\r\n    :hover {\r\n        opacity: 1;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IControls {\r\n    onPrettifyClick: () => void,\r\n    onCenterClick: () => void\r\n}\r\n\r\nexport const Controls: React.FC<IControls> = ({ onPrettifyClick, onCenterClick }) => {\r\n    const { displayType, cargoDirectionView, flow, setCargoDirectionView, setFlow } = useFlowProvider();\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    const onDragStart = (event: React.DragEvent<HTMLDivElement>, nodeType: \"action\" | \"condition\" | \"event\", sofEventLevel: SofEventTypes) => {\r\n        event.dataTransfer.setData('nodeType', nodeType);\r\n        event.dataTransfer.setData('sofEventLevel', sofEventLevel.toString());\r\n        event.dataTransfer.effectAllowed = 'move';\r\n    };\r\n\r\n    const setViewDirection = () => {\r\n        setCargoDirectionView(cargoDirectionView === CargoDirections.Load ? CargoDirections.Discharge : CargoDirections.Load);\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <Action onDragStart={(event) => onDragStart(event, \"event\", displayType)} draggable style={{ backgroundColor: \"#4177bf\", cursor: \"grab\" }} title=\"Drag event on to flow\">\r\n                    <div>\r\n                        <Icon iconName='CubeShape' />\r\n                    </div>\r\n                    <div>\r\n                        Add {splitCamlCase(SofEventTypes[displayType])} event\r\n                    </div>\r\n                </Action>\r\n                {displayType === SofEventTypes.Port &&\r\n                    <Action onDragStart={(event) => onDragStart(event, \"event\", SofEventTypes.Berth)} draggable style={{ backgroundColor: \"#4177bf\", cursor: \"grab\" }} title=\"Drag event on to flow\">\r\n                        <div>\r\n                            <Icon iconName='CubeShape' />\r\n                        </div>\r\n                        <div>\r\n                            Add Berth event\r\n                        </div>\r\n                    </Action>\r\n                }\r\n                <Action onDragStart={(event) => onDragStart(event, \"condition\", displayType)} draggable style={{ backgroundColor: \"#32ad32\", cursor: \"grab\" }} title=\"Drag condition on to flow\">\r\n                    <div>\r\n                        <Icon iconName='FlowChart' style={{ transform: \"rotate(135deg)\" }} />\r\n                    </div>\r\n                    <div>\r\n                        Add condition\r\n                    </div>\r\n                </Action>\r\n                <Action onClick={onPrettifyClick} style={{ backgroundColor: \"rgb(0,0,0,.1)\", color: \"black\", fontWeight: 600 }}>\r\n                    <div>\r\n                        <Icon iconName='Dataflows' />\r\n                    </div>\r\n                    <div>\r\n                        Prettify\r\n                    </div>\r\n                </Action>\r\n                <Action onClick={onCenterClick} style={{ backgroundColor: \"rgb(0,0,0,.1)\", color: \"black\", fontWeight: 600 }}>\r\n                    <div>\r\n                        <Icon iconName='AlignHorizontalCenter' />\r\n                    </div>\r\n                    <div>\r\n                        Center\r\n                    </div>\r\n                </Action>\r\n                <Action onClick={setViewDirection} title=\"Toggle between load and discharge flow\" style={{ backgroundColor: \"rgb(0,0,0,.1)\", color: \"black\", fontWeight: 600 }}>\r\n                    <div>\r\n                        <Icon iconName='SeeDo' />\r\n                    </div>\r\n                    <div>\r\n                        {CargoDirections[cargoDirectionView]} view\r\n                    </div>\r\n                </Action>\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { getBezierPath, getEdgeCenter, getMarkerEnd, getSmoothStepPath, Position } from \"react-flow-renderer\";\r\nimport styled from \"styled-components\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 40px;\r\n    width: 40px;\r\n\r\n    >div {\r\n        cursor: pointer;\r\n        height: 30px;\r\n        width: 30px;\r\n        background-color: #f1f1f1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 12px;\r\n        color: #555;\r\n        box-shadow: 0 0 4px #888;\r\n\r\n        :hover {\r\n            background-color: #e9e9e9;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IButtonEdge {\r\n    id: string,\r\n    sourceX: number,\r\n    sourceY: number,\r\n    targetX: number,\r\n    targetY: number,\r\n    sourcePosition: Position,\r\n    targetPosition: Position,\r\n    style: any,\r\n    data: {\r\n        sourceId: string,\r\n        targetId: string,\r\n        onEdgeClick: (id: string, sourceId: string, targetId: string) => void\r\n    },\r\n    arrowHeadType: any,\r\n    markerEndId: string,\r\n}\r\n\r\nexport const ButtonEdge: React.FC<IButtonEdge> = ({ id, sourceX, sourceY, targetX, targetY, sourcePosition, targetPosition, style = {}, data, arrowHeadType, markerEndId }) => {\r\n    const foreignObjectSize = 40;\r\n    const { flow } = useFlowProvider();\r\n\r\n    const bezierPath = getBezierPath({\r\n        sourceX,\r\n        sourceY,\r\n        sourcePosition,\r\n        targetX,\r\n        targetY,\r\n        targetPosition\r\n    });\r\n\r\n    const stepPath = getSmoothStepPath({\r\n        sourceX,\r\n        sourceY,\r\n        sourcePosition,\r\n        targetX,\r\n        targetY,\r\n        targetPosition\r\n    });\r\n\r\n    const markerEnd = getMarkerEnd(arrowHeadType, markerEndId);\r\n\r\n    const [edgeCenterX, edgeCenterY] = getEdgeCenter({\r\n        sourceX,\r\n        sourceY,\r\n        targetX,\r\n        targetY,\r\n    });\r\n\r\n    return (\r\n        <>\r\n            <path\r\n                id={id}\r\n                className=\"react-flow__edge-path\"\r\n                d={flow?.flowDefinition.smoothEdge ? bezierPath : stepPath}\r\n                markerEnd={markerEnd}\r\n            />\r\n            <foreignObject\r\n                width={foreignObjectSize}\r\n                height={foreignObjectSize}\r\n                x={edgeCenterX - foreignObjectSize / 2}\r\n                y={edgeCenterY - foreignObjectSize / 2}\r\n                className=\"edgebutton-foreignobject\"\r\n                requiredExtensions=\"http://www.w3.org/1999/xhtml\"\r\n            >\r\n                <Container>\r\n                    <div\r\n                        title={\"Remove connection\"}\r\n                        onClick={() => {\r\n                            data.onEdgeClick(id, data.sourceId, data.targetId);\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faTimes} />\r\n                    </div>\r\n                </Container>\r\n            </foreignObject>\r\n        </>\r\n    );\r\n}","export enum FlowActionTypes {\r\n    StartCargoOperation = 10,\r\n    StartBargeOperation = 20,\r\n    StartCaptainsBargeOperation = 30\r\n}","import { Icon } from '@fluentui/react';\r\nimport React, { useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { AppDialog } from '../../../../../blocks/appDialog/AppDialog';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { IFlowActivityAction } from '../../../../../interfaces/IFlow';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\nimport { FlowActionTypes } from '../../../../../_enums/FlowActionTypes';\r\nimport { TopNodeConnector } from './TopNodeConnector';\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 250px;\r\n    height: 112px;\r\n    background-color: rgb(255,255,255,.8);\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 4px #ccc;\r\n`;\r\n\r\nconst Header = styled.div`\r\n    display: flex;\r\n    background-color: #1b2431;\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 4px 4px 0 0;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n    padding: 0 18px;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    letter-spacing: .2px;\r\n\r\n    >span {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n\r\nconst Actions = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst Action = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 10px;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        background-color: #3a69a9\r\n    }\r\n\r\n    :last-child {\r\n        padding-right: 15px;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    flex-grow: 1;\r\n    padding: 15px 18px 5px;\r\n\r\n    >div:first-child {\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 9px;\r\n        padding: 0 2px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IActionNodeData {\r\n    active: boolean\r\n    activity: IFlowActivityAction,\r\n    onEdit: (_: IFlowActivityAction) => void,\r\n    onDelete: (_: IFlowActivityAction) => void\r\n}\r\n\r\nexport const ActionNode: React.FC<{ data: IActionNodeData }> = ({ data }) => {\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { cargoDirectionView } = useFlowProvider();\r\n    let action: IFlowActivityAction = data.activity;\r\n\r\n    return (\r\n        <Container style={{ opacity: action.direction === CargoDirections.Both || action.direction === cargoDirectionView ? 1 : .3 }}>\r\n            <TopNodeConnector bgcolor=\"#1b2431\" />\r\n            <Header>\r\n                <Title title={action.name}>\r\n                    <span>\r\n                        {action.name}\r\n                    </span>\r\n                </Title>\r\n                <Actions className=\"nodrag\">\r\n                    <Action title=\"Delete\" onClick={() => setDeleteDialogOpen(true)}>\r\n                        <Icon iconName=\"Delete\" />\r\n                    </Action>\r\n                    <Action title=\"Edit\" onClick={() => data.onEdit(action)}>\r\n                        <Icon iconName=\"Edit\" />\r\n                    </Action>\r\n                </Actions>\r\n            </Header>\r\n            <Body>\r\n                <div>\r\n                    {action.action ? FlowActionTypes[action.action] : \"Action not defined\"}\r\n                </div>\r\n                <div>\r\n                    Base action\r\n                </div>\r\n            </Body>\r\n            <AppDialog\r\n                title=\"Delete action\"\r\n                subText={`Are you sure you want to delete the action ${action.name}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    data.onDelete(action);\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, PanelType, Checkbox, Icon, Dropdown, ComboBox } from \"@fluentui/react\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useFlowActions } from \"../../../../../api/hooks/useFlowActions\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IFlowActivityAction } from \"../../../../../interfaces/IFlow\";\r\nimport { CargoDirections } from \"../../../../../_enums/CargoDirections\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin: 20px 0;\r\n    }\r\n`;\r\n\r\nconst Txts = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: -5px -15px !important;\r\n\r\n    >div {\r\n        margin: 5px 15px;\r\n        width: 200px;\r\n    }\r\n`;\r\n\r\nconst Desc = styled.div`\r\n    color: #605e5c;\r\n    font-size: 10px;\r\n    margin-top: 4px;\r\n`;\r\n//#endregion\r\n\r\nexport const DetailsAction: React.FC<{ fa?: IFlowActivityAction, onSave: (_: IFlowActivityAction) => void, onDelete: (_: IFlowActivityAction) => void, dismiss: () => void }> = ({ fa, onSave, onDelete, dismiss }) => {\r\n    const { data: actions } = useFlowActions();\r\n    const [flowAction, setFlowAction] = useState<IFlowActivityAction | undefined>();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { toCamlCase } = useStringFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const isValid = () => {\r\n        if (!flowAction) {\r\n            return false;\r\n        }\r\n\r\n        if (!flowAction.name || flowAction.name.trim().length <= 2) {\r\n            return false;\r\n        }\r\n\r\n        if (!flowAction.action) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFlowAction(fa);\r\n    }, [fa])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Edit condition</span> {flowAction?.name}</span>}\r\n            titleBgColor=\"#1b2431\"\r\n            customWidth=\"750px\"\r\n            panelType={PanelType.custom}\r\n            isOpen={flowAction ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<Icon iconName=\"LightningBolt\" />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Ok\",\r\n                    type: \"Primary\",\r\n                    disabled: !isValid(),\r\n                    onClick: () => onSave(flowAction!)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {flowAction &&\r\n                <Body>\r\n                    <Txts>\r\n                        <TextField\r\n                            required\r\n                            description=\"Name\"\r\n                            value={flowAction.name}\r\n                            onChange={(ev, v) => {\r\n                                setFlowAction({\r\n                                    ...flowAction,\r\n                                    name: v ? v : \"\",\r\n                                    internalName: v ? toCamlCase(v) : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <TextField\r\n                            readOnly\r\n                            disabled\r\n                            description=\"Internal name\"\r\n                            value={flowAction.internalName}\r\n\r\n                        />\r\n                        <div>\r\n                            <ComboBox\r\n                                selectedKey={flowAction.direction}\r\n                                options={convertToKeyValuePair(CargoDirections)}\r\n                                onChange={(ev, v) => {\r\n                                    setFlowAction({\r\n                                        ...flowAction,\r\n                                        direction: v ? Number(v.key) : CargoDirections.Both\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <Desc>\r\n                                Cargo direction\r\n                            </Desc>\r\n                        </div>\r\n                        <div style={{ marginTop: \"16px\" }}>\r\n                            <Checkbox\r\n                                label=\"Is start action\"\r\n                                checked={flowAction.start}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowAction({\r\n                                        ...flowAction, start: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </Txts>\r\n\r\n                    <AppPanelSubHeaderNew title=\"Action\" />\r\n                    <div style={{ width: \"250px\" }}>\r\n                        <Dropdown\r\n                            required\r\n                            placeholder=\"Select an option\"\r\n                            selectedKey={flowAction.action}\r\n                            options={actions ? actions.map(_ => {\r\n                                return {\r\n                                    key: _.type,\r\n                                    text: _.name\r\n                                };\r\n                            }) : []}\r\n                            onChange={(ev, item) => {\r\n                                if (item) {\r\n                                    setFlowAction({\r\n                                        ...flowAction, action: Number(item.key)\r\n                                    });\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    <AppDialog\r\n                        title=\"Delete action\"\r\n                        subText={`Are you sure you want to delete the action ${flowAction.name}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            onDelete(flowAction!);\r\n                        }}\r\n                    />\r\n                </Body>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IFlowAction } from \"../../interfaces/IFlowAction\";\r\n\r\nexport const useFlowActions = () => {\r\n    const { data, error, isValidating, mutate } = useSWR<IFlowAction[]>(\"/flowActions\", {\r\n        dedupingInterval: 1000 * 60 * 5,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    return { data, error, isValidating };\r\n};","import { Icon } from '@fluentui/react';\r\nimport React, { useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { AppDialog } from '../../../../../blocks/appDialog/AppDialog';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { IFlowActivityCondition, IFlowActivityEvent } from '../../../../../interfaces/IFlow';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\nimport { NodeConnectors } from './NodeConnectors';\r\nimport { TopNodeConnector } from './TopNodeConnector';\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    width: 250px;\r\n    height: 112px;\r\n    background-color: rgb(255,255,255,.8);\r\n    font-size: 14px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 4px #ccc;\r\n`;\r\n\r\nconst Header = styled.div`\r\n    display: flex;\r\n    background-color: #32ad32;\r\n    color: white;\r\n    height: 40px;\r\n    border-radius: 4px 4px 0 0;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    display: flex;\r\n    flex-grow: 1;\r\n    align-items: center;\r\n    padding: 0 18px;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    letter-spacing: .2px;\r\n\r\n    >span {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n\r\nconst Actions = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst Action = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 10px;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        background-color: #3a69a9\r\n    }\r\n\r\n    :last-child {\r\n        padding-right: 15px;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    flex-grow: 1;\r\n    padding: 15px 18px 5px;\r\n\r\n    >div:first-child {\r\n        display: flex;\r\n        margin-bottom: 5px;\r\n\r\n        >div:first-child {\r\n            flex-grow: 1;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 9px;\r\n        padding: 0 2px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n\r\nconst Start = styled.div`\r\n    background-color: #32ad32;\r\n    color: white;\r\n    width: 18px;\r\n    height: 18px;\r\n    display: flex;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-weight: 500;\r\n    font-size: 11px;\r\n    margin-top: 2px;\r\n    line-height: 18px;\r\n`;\r\n//#endregion\r\n\r\ninterface IConditionNodeData {\r\n    active: boolean\r\n    activity: IFlowActivityCondition\r\n    onEdit: (_: IFlowActivityCondition) => void\r\n    onDelete: (_: IFlowActivityCondition) => void\r\n}\r\n\r\nexport const ConditionNode: React.FC<{ data: IConditionNodeData }> = ({ data }) => {\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { cargoDirectionView } = useFlowProvider();\r\n    let condition: IFlowActivityEvent = data.activity;\r\n\r\n    return (\r\n        <Container style={{ opacity: condition.direction === CargoDirections.Both || condition.direction === cargoDirectionView ? 1 : .3 }}>\r\n            <TopNodeConnector bgcolor=\"#36a336\" />\r\n            <Header>\r\n                <Title title={condition.name}>\r\n                    <span>\r\n                        {condition.name}<br />\r\n                    </span>\r\n                </Title>\r\n                <Actions className=\"nodrag\">\r\n                    <Action title=\"Delete\" onClick={() => setDeleteDialogOpen(true)}>\r\n                        <Icon iconName=\"Delete\" />\r\n                    </Action>\r\n                    <Action title=\"Edit\" onClick={() => data.onEdit(condition)}>\r\n                        <Icon iconName=\"Edit\" />\r\n                    </Action>\r\n                </Actions>\r\n            </Header>\r\n            <Body>\r\n                <div>\r\n                    <div>\r\n                        Triggers: {condition.triggers ? condition.triggers.length : 0}, Data fields: {condition.additionalData ? condition.additionalData?.length : 0}\r\n                    </div>\r\n                    {condition.start &&\r\n                        <Start>\r\n                            S\r\n                        </Start>\r\n                    }\r\n                </div>\r\n                <div>\r\n                    Condition {condition.displaySorting ? ` | Sort: ${condition.displaySorting}` : \"\"}\r\n                </div>\r\n            </Body>\r\n\r\n            <NodeConnectors\r\n                backgroundColor=\"#36a336\"\r\n                outcomes={condition.outcomes}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"Delete condition\"\r\n                subText={`Are you sure you want to delete the condition ${condition.name}?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    data.onDelete(condition);\r\n                }}\r\n            />\r\n\r\n        </Container>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { TextField, PanelType, Checkbox, Dropdown } from \"@fluentui/react\";\r\nimport { faCube, faPlus, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IFlowActivityCondition } from \"../../../../../interfaces/IFlow\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { Outcomes } from \"../Outcomes/Outcomes\";\r\nimport { CargoDirections } from \"../../../../../_enums/CargoDirections\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\nimport { AppNumericTextField } from \"../../../../../blocks/inputs/AppTextFields\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { InputWithDescription } from \"../../../../../blocks/inputWithDescription/InputWithDescription\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 10px 0;\r\n\r\n    >div {\r\n        padding: 20px 30px 25px;\r\n        border-bottom: 1px dotted #aaa;\r\n\r\n        .table {\r\n            margin: -10px -30px -25px;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .flex {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        column-gap: 20px;\r\n        row-gap: 10px;\r\n\r\n        >div {\r\n            width: 210px\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DetailsCondition: React.FC<{ fc?: IFlowActivityCondition, onSave: (_: IFlowActivityCondition) => void, onDelete: (_: IFlowActivityCondition) => void, dismiss: () => void }> = ({ fc, onSave, onDelete, dismiss }) => {\r\n    const [flowCondition, setFlowCondition] = useState<IFlowActivityCondition | undefined>();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const { toCamlCase } = useStringFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const isValid = () => {\r\n        if (!flowCondition) {\r\n            return false;\r\n        }\r\n\r\n        if (!flowCondition.name || flowCondition.name.trim().length <= 2) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFlowCondition(fc);\r\n    }, [fc])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Edit condition</span> {flowCondition?.name}</span>}\r\n            titleBgColor=\"#32ad32\"\r\n            customWidth=\"750px\"\r\n            panelType={PanelType.custom}\r\n            isOpen={flowCondition ? true : false}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faCube} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Ok\",\r\n                    type: \"Primary\",\r\n                    disabled: !isValid(),\r\n                    onClick: () => onSave(flowCondition!)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            {flowCondition &&\r\n                <Body>\r\n                    <div className=\"flex\">\r\n                        <TextField\r\n                            required\r\n                            description=\"Name\"\r\n                            value={flowCondition.name}\r\n                            onChange={(ev, v) => {\r\n                                setFlowCondition({\r\n                                    ...flowCondition,\r\n                                    name: v ? v : \"\",\r\n                                    internalName: v ? toCamlCase(v) : \"\"\r\n                                });\r\n                            }}\r\n                        />\r\n                        <InputWithDescription description=\"Cargo direction\" defaultDescription>\r\n                            <Dropdown\r\n                                selectedKey={flowCondition.direction}\r\n                                options={convertToKeyValuePair(CargoDirections)}\r\n                                onChange={(ev, v) => {\r\n                                    setFlowCondition({\r\n                                        ...flowCondition,\r\n                                        direction: v ? Number(v.key) : CargoDirections.Both\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n                        <AppNumericTextField\r\n                            description=\"Sorting\"\r\n                            wholeNumbersOnly\r\n                            value={flowCondition.displaySorting ? flowCondition.displaySorting.toString() : \"\"}\r\n                            title=\"Used for sorting in the app\"\r\n                            onChange={(ev, v) => {\r\n                                setFlowCondition({\r\n                                    ...flowCondition,\r\n                                    displaySorting: v ? Number(v) : undefined\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title={`Outcomes (${flowCondition.outcomes ? flowCondition.outcomes.length : \"0\"})`}\r\n                            actions={[\r\n                                {\r\n                                    title: \"Add outcome\",\r\n                                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                    onClick: () => {\r\n                                        let data = flowCondition.outcomes ? flowCondition.outcomes.slice() : [];\r\n                                        setFlowCondition({\r\n                                            ...flowCondition, outcomes: [...data, {\r\n                                                id: uuidv4(),\r\n                                                name: \"\",\r\n                                                nextIds: [],\r\n                                                direction: CargoDirections.Both\r\n                                            }]\r\n                                        });\r\n                                    }\r\n                                }\r\n                            ]}\r\n                        />\r\n                        <div className=\"table\">\r\n                            <Outcomes\r\n                                data={flowCondition.outcomes}\r\n                                onChange={_ => {\r\n                                    setFlowCondition({\r\n                                        ...flowCondition, outcomes: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew title=\"Misc settings\" />\r\n                        <CbxList>\r\n                            <Checkbox\r\n                                label=\"Is start condition\"\r\n                                checked={flowCondition.start}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowCondition({\r\n                                        ...flowCondition, start: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </CbxList>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew title=\"Entry conditions\" />\r\n                        <CbxList>\r\n                            <Checkbox\r\n                                label=\"Requires cargo operation\"\r\n                                checked={flowCondition.requiresCargoOperation}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowCondition({\r\n                                        ...flowCondition, requiresCargoOperation: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </CbxList>\r\n                    </div>\r\n\r\n                    <AppDialog\r\n                        title=\"Delete condition\"\r\n                        subText={`Are you sure you want to delete the condition ${flowCondition.name}?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={() => {\r\n                            setDeleteDialogOpen(false);\r\n                            onDelete(flowCondition!);\r\n                        }}\r\n                    />\r\n                </Body>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { useEventFunctions } from \"../../../../../globalHooks/useEventFunctions\";\r\nimport { EventTriggerTypes } from \"../../../../../_enums/EventTriggerTypes\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: absolute;\r\n    top: 80px;\r\n    right: 30px;\r\n    z-index: 10;\r\n    border: 1px solid #f9acac;\r\n    font-size: 14px;\r\n    border-radius: 6px;\r\n    opacity: .9;\r\n    box-shadow: 0 0 10px #ccc;\r\n\r\n    :hover {\r\n        opacity: 1;\r\n    }\r\n`;\r\n\r\nconst Header = styled.div<{ expanded: boolean }>`\r\n    padding: 10px 20px;\r\n    background-color: #ffd3d3;\r\n    border-radius: ${_ => _.expanded ? \"6px 6px 0 0\" : \"6px\"};\r\n    cursor: pointer;\r\n\r\n    >div:first-child {\r\n        font-weight: 600;\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 12px;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    background-color: white;\r\n    border-radius: 0 0 6px 6px;\r\n    padding: 1px 0px;\r\n\r\n    ul {\r\n        li {\r\n            padding: 2px 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FlowWarning: React.FC = () => {\r\n    const { flow, activities } = useFlowProvider();\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(false);\r\n    const [messages, setMessages] = useState<string[]>([]);\r\n    const { hasTriggers } = useEventFunctions();\r\n\r\n    const getMessages = () => {\r\n        let _messages: string[] = [];\r\n\r\n        let hasStartPortCall = false;\r\n        let hasEndPortCall = false;\r\n\r\n        activities.forEach(a => {\r\n            if (hasTriggers(a, [EventTriggerTypes.StartPortcall])) {\r\n                hasStartPortCall = true;\r\n            }\r\n            else if (hasTriggers(a, [EventTriggerTypes.EndPortcall])) {\r\n                hasEndPortCall = true;\r\n            }\r\n        });\r\n\r\n        if (!hasStartPortCall) {\r\n            _messages.push(\"At least on event must have trigger \\\"Start Portcall\\\"\");\r\n        }\r\n        if (!hasEndPortCall) {\r\n            _messages.push(\"At least on event must have trigger \\\"End Portcall\\\"\");\r\n        }\r\n\r\n        setMessages(_messages);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getMessages();\r\n    }, [flow, activities])\r\n\r\n    if(messages.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Header expanded={expanded} title={expanded ? \"Collapse details\" : \"Show details\"} onClick={toggleExpanded}>\r\n                <div>\r\n                    Required properties missing in flow. Click for details.\r\n                </div>\r\n                <div>\r\n                    Make sure all required properties are fixed before changing status to published.\r\n                </div>\r\n            </Header>\r\n            {expanded &&\r\n                <Body>\r\n                    <ul>\r\n                        {messages.map((m, i) => {\r\n                            return (\r\n                                <li key={`Flow_Message_${i}`}>{m}</li>\r\n                            );\r\n                        })}\r\n                    </ul>\r\n                </Body>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useState, useEffect, useRef, useCallback } from 'react';\r\nimport ReactFlow, { ReactFlowProvider, isNode, ConnectionLineType, Position, Elements, OnLoadParams, MiniMap } from 'react-flow-renderer';\r\nimport dagre from 'dagre';\r\nimport styled from 'styled-components';\r\nimport { useFlowProvider } from '../../../../../contextHooks/FlowContext';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { IFlowActivityAction, IFlowActivityCondition, IFlowActivityEvent } from '../../../../../interfaces/IFlow';\r\nimport { DetailsEvent } from '../Details/DetailsEvent';\r\nimport { EventNode } from '../Nodes/EventNode';\r\nimport { Controls } from '../Controls/Controls';\r\nimport { ButtonEdge } from '../Nodes/ButtonEdge';\r\nimport { SofEventTypes } from '../../../../../_enums/SofEventTypes';\r\nimport { IFlowNodePosition } from '../../../../../interfaces/IFlowNodePosition';\r\nimport { ActionNode } from '../Nodes/ActionNode';\r\nimport { FlowItemType } from '../../../../../_enums/FlowItemType';\r\nimport { DetailsAction } from '../Details/DetailsAction';\r\nimport { ConditionNode } from '../Nodes/ConditionNode';\r\nimport { DetailsCondition } from '../Details/DetailsCondition';\r\nimport { CargoDirections } from '../../../../../_enums/CargoDirections';\r\nimport { FlowWarning } from '../Warning/FlowWarning';\r\nimport { KeyCodes } from '@fluentui/react';\r\nimport { FlowActivityEventBaseType } from '../../../../../_enums/FlowActivityEventBaseType';\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: calc(100vh - 190px);\r\n    width: 100%;\r\n    background-image: radial-gradient(#666 2%, transparent 6%);\r\n    background-size: 20px 20px;\r\n    position: relative;\r\n    border-top: 1px solid #ddd;\r\n`;\r\n\r\nconst CustomMiniMap = styled(MiniMap)`\r\n    background-color: rgb(255, 255, 255, .05);\r\n    box-shadow: 0 0 2px #666;\r\n    border-radius: 6px;\r\n    bottom: 30px;\r\n    right: 30px;\r\n`;\r\n//#endregion\r\n\r\nexport const Layout = () => {\r\n    const { activities, cargoDirectionView, displayType, flow, positions, setActivities, setPositions } = useFlowProvider();\r\n    const [openEvent, setOpenEvent] = useState<IFlowActivityEvent | undefined>();\r\n    const [openAction, setOpenAction] = useState<IFlowActivityAction | undefined>();\r\n    const [openCondition, setOpenCondition] = useState<IFlowActivityCondition | undefined>();\r\n    const [reactFlowInstance, setReactFlowInstance] = useState<OnLoadParams<any>>();\r\n    const reactFlowWrapper = useRef(null);\r\n    const nodeTypes = { actionNode: ActionNode, conditionNode: ConditionNode, eventNode: EventNode };\r\n    const edgeTypes = { buttonEdge: ButtonEdge };\r\n    const [initialCenter, setInitialCenter] = useState(false);\r\n    const [layouting, setLayouting] = useState(false);\r\n    const [elements, setElements] = useState<Elements<any>>([]);\r\n    const nodeWidth = 320;\r\n    const nodeHeight = 150;\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n    const dagreGraph = new dagre.graphlib.Graph();\r\n    dagreGraph.setDefaultEdgeLabel(() => ({}));\r\n\r\n    const createActivities = (): Elements<any> => {\r\n        let _elements: Elements<any> = [];\r\n\r\n        activities.filter(_ => {\r\n            if (displayType === SofEventTypes.Port) {\r\n                return _.itemLevel === SofEventTypes.Port || _.itemLevel === SofEventTypes.Berth;\r\n            }\r\n            return _.itemLevel === displayType;\r\n        }).forEach(_ => {\r\n            // Check if position is available in positions\r\n            let p = positions.find(nodePosition => nodePosition.id === _.id);\r\n\r\n            // Get node type\r\n            let nodeType = \"actionNode\";\r\n            switch (_.type) {\r\n                case FlowItemType.Condition:\r\n                    nodeType = \"conditionNode\";\r\n                    break;\r\n                case FlowItemType.Event:\r\n                    nodeType = \"eventNode\";\r\n                    break;\r\n            }\r\n\r\n            // Push node\r\n            _elements.push({\r\n                id: _.id,\r\n                type: nodeType,\r\n                position: p\r\n                    ? { x: p.x, y: p.y }\r\n                    : { x: _.x, y: _.y },\r\n                data: {\r\n                    activity: _,\r\n                    onEdit: nodeClicked,\r\n                    onDelete: nodeDeleted\r\n                }\r\n            });\r\n        });\r\n\r\n        return _elements;\r\n    }\r\n\r\n    const createEdges = (): Elements<any> => {\r\n        let _elements: Elements<any> = [];\r\n\r\n        activities.filter(_ => {\r\n            if (displayType === SofEventTypes.Port) {\r\n                return _.itemLevel === SofEventTypes.Port || _.itemLevel === SofEventTypes.Berth;\r\n            }\r\n            return _.itemLevel === displayType;\r\n        }).forEach(_ => {\r\n            if (_.outcomes) {\r\n                _.outcomes\r\n                    .filter(outcome => outcome.direction === CargoDirections.Both || outcome.direction === cargoDirectionView)\r\n                    .forEach(outcome => {\r\n                        outcome.nextIds?.forEach(nextId => {\r\n                            _elements.push({\r\n                                // id: `${outcome.id}_${nextId}`,\r\n                                id: `${_.id}_${outcome.id}_${nextId}`,\r\n                                position: { x: 0, y: 0 },\r\n                                source: _.id,\r\n                                sourceHandle: outcome.id,\r\n                                target: nextId,\r\n                                animated: false,\r\n                                type: \"buttonEdge\",\r\n                                data: {\r\n                                    sourceId: _.id,\r\n                                    targetId: nextId,\r\n                                    onEdgeClick: edgeRemoved\r\n                                }\r\n                            });\r\n                        });\r\n                    });\r\n            }\r\n        });\r\n\r\n        return _elements;\r\n    }\r\n\r\n    const createActivitiesAndEdges = (): Elements<any> => {\r\n        return createActivities().concat(createEdges());\r\n    }\r\n\r\n    const getLayoutedElements = (_elements: Elements<any>, direction = 'TB'): Elements<any> => {\r\n        let _positions: IFlowNodePosition[] = positions.slice();\r\n\r\n        const isHorizontal = direction === 'LR';\r\n        dagreGraph.setGraph({ rankdir: direction });\r\n\r\n        _elements.forEach((el) => {\r\n            if (isNode(el)) {\r\n                dagreGraph.setNode(el.id, { width: nodeWidth, height: nodeHeight })\r\n            }\r\n            else {\r\n                dagreGraph.setEdge(el.source, el.target);\r\n            }\r\n        });\r\n\r\n        dagre.layout(dagreGraph);\r\n\r\n        let layoutedElements = _elements.map((el, index) => {\r\n            if (isNode(el)) {\r\n                const nodeWithPosition = dagreGraph.node(el.id);\r\n\r\n                el.targetPosition = isHorizontal ? Position.Left : Position.Top;\r\n                el.sourcePosition = isHorizontal ? Position.Right : Position.Bottom;\r\n\r\n                // unfortunately we need this little hack to pass a slightly different position\r\n                // to notify react flow about the change. Moreover we are shifting the dagre node position\r\n                // (anchor=center center) to the top left so it matches the react flow node anchor point (top left).\r\n\r\n                el.position = {\r\n                    x: nodeWithPosition.x - nodeWidth / 2 + Math.random() / 1000,\r\n                    y: nodeWithPosition.y - nodeHeight / 2,\r\n                };\r\n\r\n                // Preserve the positions\r\n                _positions = _positions.filter(np => np.id !== el.id);\r\n\r\n                _positions.push({\r\n                    id: el.id,\r\n                    x: el.position.x,\r\n                    y: el.position.y\r\n                });\r\n            }\r\n\r\n            return el;\r\n        });\r\n\r\n        setPositions(_positions);\r\n\r\n        return layoutedElements;\r\n    };\r\n\r\n    const nodeClicked = (_: IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent) => {\r\n        switch (_.type) {\r\n            case FlowItemType.Action:\r\n                setOpenAction(_);\r\n                break;\r\n            case FlowItemType.Condition:\r\n                setOpenCondition(_);\r\n                break;\r\n            case FlowItemType.Event:\r\n                setOpenEvent(_);\r\n                break;\r\n        }\r\n    }\r\n\r\n    const nodeUpdated = (_: IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent) => {\r\n        setActivities([\r\n            ...activities.slice().filter(fe => fe.id !== _.id),\r\n            _\r\n        ]);\r\n\r\n        setOpenAction(undefined);\r\n        setOpenCondition(undefined);\r\n        setOpenEvent(undefined);\r\n    }\r\n\r\n    const nodeDeleted = (_: IFlowActivityAction | IFlowActivityEvent) => {\r\n        // Remove event from array\r\n        let _activities = activities.slice().filter(ev => ev.id !== _.id);\r\n\r\n        // Remove all occurences of the next id\r\n        _activities.forEach(activity => {\r\n            activity.outcomes?.forEach(outcome => {\r\n                outcome.nextIds = outcome.nextIds ? outcome.nextIds.filter(nextId => nextId !== _.id) : [];\r\n            });\r\n        });\r\n\r\n        setActivities(_activities);\r\n\r\n        setOpenAction(undefined);\r\n        setOpenCondition(undefined);\r\n        setOpenEvent(undefined);\r\n    }\r\n\r\n    const edgeRemoved = (id: string, sourceId: string, targetId: string) => {\r\n        let source = activities.find(_ => _.id === sourceId);\r\n\r\n        if (source) {\r\n            let outcomeId = id.split(\"_\")[1];\r\n            let outcome = source.outcomes?.find(_ => _.id === outcomeId);\r\n\r\n            if (outcome) {\r\n                outcome.nextIds = outcome.nextIds ? outcome.nextIds.filter(_ => _ !== targetId) : [];\r\n            }\r\n\r\n            setActivities([...activities.slice().filter(_ => _.id !== source!.id), source]);\r\n        }\r\n    }\r\n\r\n    const centerLayout = () => {\r\n        reactFlowInstance?.fitView();\r\n\r\n        setTimeout(() => {\r\n            let _activities = activities.slice().filter(_ => _.itemLevel === displayType).sort((a, b) => { return a.y > b.y ? 1 : -1; });\r\n            let p = reactFlowInstance!.toObject().position;\r\n\r\n            if (_activities.length > 0) {\r\n                let newY = 0 - _activities[0].y + 100;\r\n                reactFlowInstance?.setTransform({\r\n                    x: p[0], y: newY, zoom: 1\r\n                });\r\n            }\r\n        }, 1);\r\n    }\r\n\r\n    const onLoad = useCallback((instance) => {\r\n        instance.fitView();\r\n        setReactFlowInstance(instance);\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (flow && activities.length === 0) {\r\n            let allActivities: (IFlowActivityAction | IFlowActivityCondition | IFlowActivityEvent)[] = [];\r\n\r\n            if (flow.flowDefinition.actions) {\r\n                allActivities = allActivities.concat(flow.flowDefinition.actions);\r\n            }\r\n\r\n            if (flow.flowDefinition.conditions) {\r\n                allActivities = allActivities.concat(flow.flowDefinition.conditions);\r\n            }\r\n\r\n            if (flow.flowDefinition.events) {\r\n                allActivities = allActivities.concat(flow.flowDefinition.events);\r\n            }\r\n            setActivities(allActivities);\r\n        }\r\n    }, [flow])\r\n\r\n    useEffect(() => {\r\n        setElements([]);\r\n        setTimeout(() => {\r\n            setElements(createActivitiesAndEdges());\r\n        }, 0);\r\n    }, [activities, cargoDirectionView, displayType])\r\n\r\n    useEffect(() => {\r\n        if (reactFlowInstance && elements && elements.length > 0) {\r\n            setTimeout((_initialCenter: boolean) => {\r\n                if (!_initialCenter) {\r\n                    centerLayout();\r\n                    setInitialCenter(_ => _ = true);\r\n                }\r\n            }, 1, initialCenter);\r\n        }\r\n    }, [reactFlowInstance, elements])\r\n\r\n    useEffect(() => {\r\n        if (elements && elements.length > 0) {\r\n            setInitialCenter(false);\r\n        }\r\n    }, [displayType])\r\n\r\n    useEffect(() => {\r\n        if (layouting) {\r\n            centerLayout();\r\n            setLayouting(false);\r\n        }\r\n    }, [elements])\r\n\r\n    useEffect(() => {\r\n        if (layouting) {\r\n            setElements(getLayoutedElements(createActivitiesAndEdges()))\r\n        }\r\n    }, [layouting])\r\n\r\n    if (!activities) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container ref={containerRef}>\r\n            <FlowWarning />\r\n            <Controls\r\n                onCenterClick={centerLayout}\r\n                onPrettifyClick={() => setLayouting(true)}\r\n            />\r\n            <ReactFlowProvider>\r\n                <ReactFlow\r\n                    selectionKeyCode={KeyCodes.shift}\r\n                    ref={reactFlowWrapper}\r\n                    nodeTypes={nodeTypes}\r\n                    edgeTypes={edgeTypes}\r\n                    elements={elements ? elements : []}\r\n                    connectionLineType={ConnectionLineType.SmoothStep}\r\n                    snapToGrid={true}\r\n                    snapGrid={[5, 5]}\r\n                    onNodeDragStop={(ev, node) => {\r\n                        // Preserve the positions\r\n                        let _positions = positions.filter(np => np.id !== node.id);\r\n\r\n                        _positions.push({\r\n                            id: node.id,\r\n                            x: node.position.x,\r\n                            y: node.position.y\r\n                        });\r\n\r\n                        setPositions(_positions);\r\n                    }}\r\n                    onSelectionDragStop={(ev, nodes) => {\r\n                        // Preserve the positions of all nodes\r\n                        let _positions = positions.filter(np => !nodes.map(_ => _.id).includes(np.id));\r\n\r\n                        nodes.forEach(node => {\r\n                            _positions.push({\r\n                                id: node.id,\r\n                                x: node.position.x,\r\n                                y: node.position.y\r\n                            });\r\n                        });\r\n\r\n                        setPositions(_positions);\r\n\r\n                    }}\r\n                    onConnect={params => {\r\n                        if (!params.source || !params.target) {\r\n                            return;\r\n                        }\r\n\r\n                        let source = activities.slice().find(_ => _.id === params.source);\r\n\r\n                        if (source) {\r\n                            let outcome = source.outcomes?.slice().find(_ => _.id === params.sourceHandle);\r\n                            if (outcome) {\r\n                                if (!outcome.nextIds) {\r\n                                    outcome.nextIds = [];\r\n                                }\r\n\r\n                                // Check for existing\r\n                                if (outcome.nextIds.indexOf(params.target) < 0) {\r\n                                    outcome.nextIds.push(params.target);\r\n                                    setActivities([...activities.slice().filter(_ => _.id !== source!.id), source]);\r\n                                }\r\n                            }\r\n                        }\r\n                    }}\r\n                    // onLoad={_ => {\r\n                    //     // setReactFlowInstance(_);\r\n                    //     onLoad();\r\n                    // }}\r\n                    onLoad={onLoad}\r\n                    onDragOver={_ => {\r\n                        _.preventDefault();\r\n                        _.dataTransfer.dropEffect = 'move';\r\n                    }}\r\n                    onDrop={event => {\r\n                        if (reactFlowInstance && reactFlowWrapper && reactFlowWrapper.current) {\r\n                            let wrapper: HTMLDivElement = (reactFlowWrapper.current! as HTMLDivElement);\r\n                            event.preventDefault();\r\n\r\n                            const reactFlowBounds = wrapper.getBoundingClientRect();\r\n                            const nodeType = event.dataTransfer.getData('nodeType');\r\n                            const sofEventLevel = event.dataTransfer.getData('sofEventLevel');\r\n                            const position = reactFlowInstance.project({\r\n                                x: event.clientX - reactFlowBounds.left - (nodeWidth / 2),\r\n                                y: event.clientY - reactFlowBounds.top - (nodeHeight / 2) + 20\r\n                            });\r\n\r\n                            if (nodeType === \"action\") {\r\n                                let newAction: IFlowActivityAction = {\r\n                                    id: uuidv4(),\r\n                                    type: FlowItemType.Action,\r\n                                    name: \"New action\",\r\n                                    internalName: \"New action\",\r\n                                    start: false,\r\n                                    x: position.x,\r\n                                    y: position.y,\r\n                                    itemLevel: Number(sofEventLevel),\r\n                                    outcomes: [],\r\n                                    direction: CargoDirections.Both\r\n                                }\r\n                                setActivities([...activities, newAction]);\r\n                            }\r\n                            else if (nodeType === \"condition\") {\r\n                                let newCondition: IFlowActivityCondition = {\r\n                                    id: uuidv4(),\r\n                                    type: FlowItemType.Condition,\r\n                                    name: \"New condition\",\r\n                                    internalName: \"New condition\",\r\n                                    start: false,\r\n                                    x: position.x,\r\n                                    y: position.y,\r\n                                    itemLevel: Number(sofEventLevel),\r\n                                    direction: CargoDirections.Both,\r\n                                    outcomes: [\r\n                                        {\r\n                                            id: uuidv4(),\r\n                                            name: \"Yes\",\r\n                                            nextIds: [],\r\n                                            direction: CargoDirections.Both\r\n                                        },\r\n                                        {\r\n                                            id: uuidv4(),\r\n                                            name: \"No\",\r\n                                            nextIds: [],\r\n                                            direction: CargoDirections.Both\r\n                                        }\r\n                                    ]\r\n                                }\r\n                                setActivities([...activities, newCondition]);\r\n                            }\r\n                            else {\r\n                                let newEvent: IFlowActivityEvent = {\r\n                                    id: uuidv4(),\r\n                                    eventBaseType: FlowActivityEventBaseType.Standard,\r\n                                    type: FlowItemType.Event,\r\n                                    name: `New ${SofEventTypes[Number(sofEventLevel)]} event`,\r\n                                    internalName: `New ${SofEventTypes[Number(sofEventLevel)]} event`,\r\n                                    start: false,\r\n                                    x: position.x,\r\n                                    y: position.y,\r\n                                    itemLevel: Number(sofEventLevel),\r\n                                    direction: CargoDirections.Both,\r\n                                    outcomes: [{\r\n                                        id: uuidv4(),\r\n                                        name: \"Default\",\r\n                                        nextIds: [],\r\n                                        direction: CargoDirections.Both\r\n                                    }]\r\n                                }\r\n                                setActivities([...activities, newEvent]);\r\n                            }\r\n                        }\r\n                    }}\r\n                >\r\n                    <CustomMiniMap\r\n                        nodeColor={_ => {\r\n                            switch (_.type) {\r\n                                case \"actionNode\":\r\n                                    return \"rgb(27,36,49,.6)\";\r\n                                case \"conditionNode\":\r\n                                    return \"rgb(50,173,50,.6)\";\r\n                                default:\r\n                                    return \"rgb(65,119,191,.6)\";\r\n                            }\r\n                        }}\r\n                        nodeStrokeWidth={0}\r\n                        maskColor=\"rgb(0,0,0, .15)\"\r\n                    />\r\n                </ReactFlow>\r\n            </ReactFlowProvider>\r\n            <DetailsEvent\r\n                fe={openEvent}\r\n                onSave={nodeUpdated}\r\n                onDelete={nodeDeleted}\r\n                dismiss={() => setOpenEvent(undefined)}\r\n            />\r\n            <DetailsAction\r\n                fa={openAction}\r\n                onSave={nodeUpdated}\r\n                onDelete={nodeDeleted}\r\n                dismiss={() => setOpenAction(undefined)}\r\n            />\r\n            <DetailsCondition\r\n                fc={openCondition}\r\n                onSave={nodeUpdated}\r\n                onDelete={nodeDeleted}\r\n                dismiss={() => setOpenCondition(undefined)}\r\n            />\r\n        </Container>\r\n    );\r\n};","import { Dropdown, TextField } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFlowProvider } from \"../../../../../contextHooks/FlowContext\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { FlowStatus } from \"../../../../../_enums/FlowStatus\";\r\nimport { SofEventTypes } from \"../../../../../_enums/SofEventTypes\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 136px;\r\n`;\r\n\r\nconst Fields = styled.div`\r\n    display: flex;\r\n    padding: 30px 20px 20px;\r\n\r\n    >div {\r\n        margin: 0 10px;\r\n        width: 200px;\r\n    }\r\n`;\r\n\r\nconst Desc = styled.div`\r\n    margin-top: 4px;\r\n    color: #605e5c;\r\n    font-size: 10px;\r\n`;\r\n\r\nconst Tabs = styled.div`\r\n    display: flex;\r\n    font-size: 14px;\r\n    padding: 0 32px;\r\n`;\r\n\r\nconst Tab = styled.div<{ active: boolean }>`\r\n    background-color: ${_ => _.active ? \"#4177bf\" : \"#e9e9e9\"};\r\n    color: ${_ => _.active ? \"white\" : \"#333\"};\r\n    padding: 8px 14px;\r\n    border-radius: 4px 4px 0 0;\r\n    box-shadow: 0 0 2px #888;\r\n    margin-right: 4px;\r\n    cursor: ${_ => _.active ? undefined : \"pointer\"};\r\n    user-select: none;\r\n    \r\n    :hover {\r\n        background-color: ${_ => _.active ? undefined : \"#e1e1e1\"};\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Header = () => {\r\n    const { flow, displayType, setFlow, setDisplayType } = useFlowProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    if (!flow) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Fields>\r\n                <TextField\r\n                    autoFocus\r\n                    value={flow.name}\r\n                    required\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setFlow({ ...flow, name: v ? v : \"\" })\r\n                    }}\r\n                />\r\n                <div>\r\n                    <Dropdown\r\n                        disabled={flow.id === 0}\r\n                        selectedKey={flow.status}\r\n                        options={convertToKeyValuePair(FlowStatus)}\r\n                        onChange={(ev, item) => {\r\n                            if (item) {\r\n                                setFlow({ ...flow, status: Number(item.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                    <Desc>\r\n                        Status\r\n                    </Desc>\r\n                </div>\r\n            </Fields>\r\n            {flow.id > 0 &&\r\n                <Tabs>\r\n                    <Tab\r\n                        active={displayType === SofEventTypes.Port || displayType === SofEventTypes.Berth}\r\n                        onClick={() => setDisplayType(SofEventTypes.Port)}\r\n                    >\r\n                        Port and Berth\r\n                    </Tab>\r\n                    <Tab\r\n                        active={displayType === SofEventTypes.Cargo}\r\n                        onClick={() => setDisplayType(SofEventTypes.Cargo)}\r\n                    >\r\n                        Cargo\r\n                    </Tab>\r\n                    <Tab\r\n                        active={displayType === SofEventTypes.CargoOperation}\r\n                        onClick={() => setDisplayType(SofEventTypes.CargoOperation)}\r\n                    >\r\n                        Cargo operation\r\n                    </Tab>\r\n                </Tabs>\r\n            }\r\n        </Container>\r\n    );\r\n};","import { Checkbox, Toggle } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n\r\n    >div {\r\n        display: flex;\r\n        margin: 0 -10px;\r\n\r\n        >div {\r\n            margin: 0 10px;\r\n        }\r\n\r\n        >div:first-child {\r\n            flex-grow: 1;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CbxAndToggle: React.FC<{ label: string, enabled?: boolean, required?: boolean, onChange: (enabled: boolean, required: boolean) => void }> = ({ label, enabled, required, onChange }) => {\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <Checkbox\r\n                    label={label}\r\n                    checked={enabled}\r\n                    onChange={(ev, checked) => {\r\n                        let _enabled = checked ? checked : false;\r\n                        onChange(\r\n                            _enabled,\r\n                            _enabled\r\n                                ? required\r\n                                    ? required\r\n                                    : false\r\n                                : false\r\n                        );\r\n                    }}\r\n                />\r\n                <Toggle\r\n                    disabled={!enabled}\r\n                    checked={required}\r\n                    onText=\"Required\"\r\n                    offText=\"Optional\"\r\n                    onChange={(ev, checked) => {\r\n                        onChange(\r\n                            enabled ? enabled : false,\r\n                            checked ? checked : false\r\n                        );\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport { IFlowDefinition, IFlowDuration } from \"../../../../../interfaces/IFlow\";\r\nimport { useFlowFunctions } from \"../../../../../hooks/useFlowFunctions\";\r\nimport { useEnumFunctions } from \"../../../../../hooks/useEnumFunctions\";\r\nimport { TextField } from \"@fluentui/react\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\nimport { FlowDurationTypes } from \"../../../../../_enums/FlowDurationTypes\";\r\n\r\nexport const FlowDurations: React.FC<{ flow: IFlowDefinition, onChange: (_: IFlowDuration[]) => void, emptyMsg?: string }> = ({ flow, onChange }) => {\r\n    const { convertFlowActivitiesToDropDownOptions } = useFlowFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            noPadding: true,\r\n            render: (d: IFlowDuration, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        autoComplete=\"off\"\r\n                        borderless\r\n                        value={d.name ? d.name : \"\"}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px 12px 30px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            let _durations = [...flow.durations];\r\n                            _durations[rowId] = {\r\n                                ...d,\r\n                                name: v ? v : \"\"\r\n                            };\r\n                            onChange(_durations);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"from events\",\r\n            gridCellWidth: \"220px\",\r\n            noPadding: true,\r\n            render: (d: IFlowDuration, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        multiSelect\r\n                        padding=\"6px 16px\"\r\n                        minHeight=\"42px\"\r\n                        selectedKeys={d.from}\r\n                        options={convertFlowActivitiesToDropDownOptions(flow.events, [])}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                let _durations = [...flow.durations];\r\n                                let _from = _durations[rowId].from ? _durations[rowId].from : [];\r\n\r\n                                _from = v.selected\r\n                                    ? [..._from, v.key.toString()]\r\n                                    : _from.filter(_ => _ !== v.key);\r\n\r\n                                _durations[rowId] = {\r\n                                    ...d,\r\n                                    from: _from\r\n                                };\r\n                                onChange(_durations);\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"to events\",\r\n            gridCellWidth: \"220px\",\r\n            noPadding: true,\r\n            render: (d: IFlowDuration, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        multiSelect\r\n                        padding=\"6px 16px\"\r\n                        minHeight=\"42px\"\r\n                        selectedKeys={d.to}\r\n                        options={convertFlowActivitiesToDropDownOptions(flow.events, [])}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                let _durations = [...flow.durations];\r\n                                let _to = _durations[rowId].to ? _durations[rowId].to : [];\r\n\r\n                                _to = v.selected\r\n                                    ? [..._to, v.key.toString()]\r\n                                    : _to.filter(_ => _ !== v.key);\r\n\r\n                                _durations[rowId] = {\r\n                                    ...d,\r\n                                    to: _to\r\n                                };\r\n                                onChange(_durations);\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"type\",\r\n            noPadding: true,\r\n            gridCellWidth: \"140px\",\r\n            render: (d: IFlowDuration, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        padding=\"6px 16px\"\r\n                        options={convertToKeyValuePair(FlowDurationTypes)}\r\n                        selectedKey={Number(d.type)}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                let _durations = [...flow.durations];\r\n                                _durations[rowId] = {\r\n                                    ...d,\r\n                                    type: Number(v.key)\r\n                                };\r\n                                onChange(_durations);\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"color\",\r\n            noPadding: true,\r\n            gridCellWidth: \"90px\",\r\n            render: (d: IFlowDuration, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        borderless\r\n                        value={d.color ? d.color : \"\"}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px 12px\",\r\n                                backgroundColor: d.color\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            let _durations = [...flow.durations];\r\n                            _durations[rowId] = {\r\n                                ...d,\r\n                                color: v ? v : \"\"\r\n                            };\r\n                            onChange(_durations);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <AppGridTableNew\r\n            smallHeader\r\n            noHoverColor\r\n            noAlternateRowColor\r\n            columns={columns}\r\n            data={flow.durations}\r\n            emptyMessage=\"No durations registered. Click the pluss sign to add a new duration\"\r\n            rowRemove={(rowData, rowId) => {\r\n                let _durations = [...flow.durations];\r\n                _durations.splice(rowId, 1);\r\n                onChange(_durations);\r\n            }}\r\n        />\r\n    );\r\n};","import React from \"react\";\r\nimport { IFlowDefinition, IFlowMarker } from \"../../../../../interfaces/IFlow\";\r\nimport { useFlowFunctions } from \"../../../../../hooks/useFlowFunctions\";\r\nimport { TextField } from \"@fluentui/react\";\r\nimport { AppGridTableNew } from \"../../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../../interfaces/IGridTableColumn\";\r\nimport { AppDropDown } from \"../../../../../blocks/appDropDown/AppDropDown\";\r\n\r\nexport const FlowMarkers: React.FC<{ flow: IFlowDefinition, onChange: (_: IFlowMarker[]) => void, emptyMsg?: string }> = ({ flow, onChange }) => {\r\n    const { convertFlowActivitiesToDropDownOptions } = useFlowFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            noPadding: true,\r\n            render: (m: IFlowMarker, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        autoComplete=\"off\"\r\n                        borderless\r\n                        value={m.name ? m.name : \"\"}\r\n                        styles={{\r\n                            field: {\r\n                                padding: \"12px 16px 12px 30px\",\r\n                            },\r\n                            fieldGroup: {\r\n                                height: \"unset\"\r\n                            }\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            let _markers = [...flow.markers];\r\n                            _markers[rowId] = {\r\n                                ...m,\r\n                                name: v ? v : \"\"\r\n                            };\r\n                            onChange(_markers);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"event\",\r\n            noPadding: true,\r\n            gridCellWidth: \"450px\",\r\n            render: (m: IFlowMarker, rowId) => {\r\n                return (\r\n                    <AppDropDown\r\n                        borderless\r\n                        padding=\"6px 16px\"\r\n                        minHeight=\"42px\"\r\n                        options={convertFlowActivitiesToDropDownOptions(flow.events, [])}\r\n                        selectedKey={m.marker}\r\n                        onChange={(ev, o) => {\r\n                            if (o) {\r\n                                let _markers = [...flow.markers];\r\n                                _markers[rowId] = {\r\n                                    ...m,\r\n                                    marker: o.key.toString(),\r\n                                    name: o.text\r\n                                };\r\n                                onChange(_markers);\r\n                            }\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <AppGridTableNew\r\n            smallHeader\r\n            noHoverColor\r\n            noAlternateRowColor\r\n            columns={columns}\r\n            data={flow.markers}\r\n            emptyMessage=\"No markers registered. Click the pluss sign to add a new marker\"\r\n            rowRemove={(rowData, rowId) => {\r\n                let _markers = [...flow.markers];\r\n                _markers.splice(rowId, 1);\r\n                onChange(_markers);\r\n            }}\r\n        />\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, PanelType } from \"@fluentui/react\";\r\nimport { faCog, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFlow, IFlowDefinition } from \"../../../../../interfaces/IFlow\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { CbxAndToggle } from \"../../../../../blocks/cbxAndToggle/CbxAndToggle\";\r\nimport { FlowDurationTypes } from \"../../../../../_enums/FlowDurationTypes\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { AppPanelNew, AppPanelSubHeaderNew } from \"../../../../../blocks/appPanel/AppPanelNew\";\r\nimport { FlowDurations } from \"../FlowDurations/FlowDurations\";\r\nimport { FlowMarkers } from \"../FlowMarkers/FlowMarkers\";\r\nimport { CbxList } from \"../../../../../blocks/cbxList/CbxList\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 1fr 250px;\r\n\r\n    .left {\r\n        border-right: 1px solid #ddd;\r\n\r\n        >div {\r\n            padding: 20px 30px 25px;\r\n            border-bottom: 1px dotted #aaa;\r\n\r\n            .table {\r\n                margin: -10px -30px -25px;\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            border-bottom: none;\r\n        }\r\n    }\r\n    \r\n    .right {\r\n        background-color: #f1f1f1;\r\n        padding: 10px 30px;\r\n    }\r\n`;\r\n\r\n//#endregion\r\n\r\ninterface IDetailsFlow {\r\n    f?: IFlow,\r\n    isOpen: boolean,\r\n    dismiss: () => void\r\n    onSave: (flowDefinitions: IFlowDefinition) => void\r\n};\r\n\r\nexport const DetailsFlow: React.FC<IDetailsFlow> = ({ f, isOpen, onSave, dismiss }) => {\r\n    const { getPropertyNameAsString } = useStringFunctions();\r\n    const [flowDefinition, setFlowDefinition] = useState<IFlowDefinition | undefined>(undefined);\r\n\r\n    const kw = (k: string) => {\r\n        return <b>&#123;{k}&#125;</b>;\r\n    }\r\n\r\n    const cbx = (title: string, prop: any, f: IFlowDefinition, disabled: boolean = false) => {\r\n        return (\r\n            <Checkbox\r\n                disabled={disabled}\r\n                label={title}\r\n                checked={(f as any)[prop]}\r\n                onChange={(ev, checked) => {\r\n                    setFlowDefinition({\r\n                        ...f,\r\n                        [prop]: checked ? checked : false\r\n                    });\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (f && isOpen) {\r\n            setFlowDefinition(f.flowDefinition);\r\n        }\r\n        else {\r\n            setFlowDefinition(undefined);\r\n        }\r\n    }, [isOpen]);\r\n\r\n    if (!flowDefinition) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Flow</span> settings</span>}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"1250px\"\r\n            isOpen={isOpen}\r\n            dismiss={() => dismiss()}\r\n            icon={<FontAwesomeIcon icon={faCog} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Ok\",\r\n                    type: \"Primary\",\r\n                    onClick: () => onSave(flowDefinition)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div className=\"left\">\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title={`Durations (${flowDefinition.durations.length})`}\r\n                            actions={[\r\n                                {\r\n                                    title: \"Add duration\",\r\n                                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                    onClick: () => {\r\n                                        setFlowDefinition({\r\n                                            ...flowDefinition,\r\n                                            durations: [\r\n                                                ...flowDefinition.durations, {\r\n                                                    id: uuidv4(),\r\n                                                    type: FlowDurationTypes.FirstToLast\r\n                                                }\r\n                                            ]\r\n                                        });\r\n                                    }\r\n                                }\r\n                            ]}\r\n                        />\r\n                        <div className=\"table\">\r\n                            <FlowDurations\r\n                                emptyMsg=\"Click the pluss button to add duration\"\r\n                                flow={flowDefinition}\r\n                                onChange={_ => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        durations: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title={`Markers (${flowDefinition.markers.length})`}\r\n                            actions={[\r\n                                {\r\n                                    title: \"Add marker\",\r\n                                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                                    onClick: () => {\r\n                                        setFlowDefinition({\r\n                                            ...flowDefinition,\r\n                                            markers: [\r\n                                                ...flowDefinition.markers, {\r\n                                                    id: uuidv4()\r\n                                                }\r\n                                            ]\r\n                                        });\r\n                                    }\r\n                                }\r\n                            ]}\r\n                        />\r\n                        <div className=\"table\">\r\n                            <FlowMarkers\r\n                                emptyMsg=\"Click the pluss button to add marker\"\r\n                                flow={flowDefinition}\r\n                                onChange={_ => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        markers: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew title=\"Properties\" />\r\n                        <CbxList>\r\n                            <CbxAndToggle\r\n                                label=\"Use storage (hold, tanks)\"\r\n                                enabled={flowDefinition.useStorage?.enabled}\r\n                                required={flowDefinition.useStorage?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useStorage: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use units\"\r\n                                enabled={flowDefinition.useUnits?.enabled}\r\n                                required={flowDefinition.useUnits?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useUnits: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use crane\"\r\n                                enabled={flowDefinition.useCrane?.enabled}\r\n                                required={flowDefinition.useCrane?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useCrane: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use work team\"\r\n                                enabled={flowDefinition.useWorkTeam?.enabled}\r\n                                required={flowDefinition.useWorkTeam?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useWorkTeam: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use ships requested quantity\"\r\n                                enabled={flowDefinition.useShipsRequestedQuantity?.enabled}\r\n                                required={flowDefinition.useShipsRequestedQuantity?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useShipsRequestedQuantity: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use ships figures\"\r\n                                enabled={flowDefinition.useShipsFigures?.enabled}\r\n                                required={flowDefinition.useShipsFigures?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useShipsFigures: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use draft\"\r\n                                enabled={flowDefinition.useDraft?.enabled}\r\n                                required={flowDefinition.useDraft?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useDraft: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use grade\"\r\n                                enabled={flowDefinition.useGrade?.enabled}\r\n                                required={flowDefinition.useGrade?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useGrade: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n                            <CbxAndToggle\r\n                                label=\"Use additional quantity processed in MT\"\r\n                                enabled={flowDefinition.useAdditionalQuantityProcessedInMt?.enabled}\r\n                                required={flowDefinition.useAdditionalQuantityProcessedInMt?.required}\r\n                                onChange={(enabled, required) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        useAdditionalQuantityProcessedInMt: { enabled, required }\r\n                                    });\r\n                                }}\r\n                            />\r\n\r\n                            {cbx(\"Use cargo operation type\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).useCargoOperationType, flowDefinition)}\r\n                            {cbx(\"Use e-sign\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).useEsign, flowDefinition)}\r\n                            {cbx(\"Use multi cargo event registration\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).useMultiCargoEventRegistration, flowDefinition)}\r\n                            {/* {cbx(\"Use draft from departure report\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).useDraftFromDepartureReport, flowDefinition)} */}\r\n\r\n                        </CbxList>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title=\"Reports\"\r\n                        />\r\n                        <CbxList>\r\n                            {cbx(\"Ask for End of sea passage\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForEospReport, flowDefinition)}\r\n                            {cbx(\"Ask for Start of sea passage\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForSospReport, flowDefinition)}\r\n                            {cbx(\"Ask for Arrival (first berth)\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForArrivalBerthReport, flowDefinition)}\r\n                            {cbx(\"Ask for Departure (last berth)\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForDepartureBerthReport, flowDefinition)}\r\n                            {cbx(\"Ask for Anchored\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForAnchoredReport, flowDefinition)}\r\n                            {cbx(\"Ask for Weighed anchor\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).askForWeighedAnchorReport, flowDefinition)}\r\n                            {cbx(\"Use inline reports\", getPropertyNameAsString<IFlowDefinition>(flowDefinition).useInlineReports, flowDefinition)}\r\n                        </CbxList>\r\n                    </div>\r\n\r\n                    <div>\r\n                        <AppPanelSubHeaderNew\r\n                            title=\"Misc\"\r\n                        />\r\n                        <CbxList>\r\n                            <Checkbox\r\n                                label=\"Require berthed, at anchor or barge alongside to start cargo operation\"\r\n                                checked={flowDefinition.requireAllFastAtAnchorOrBarge}\r\n                                onChange={(ev, checked) => {\r\n                                    setFlowDefinition({\r\n                                        ...flowDefinition,\r\n                                        requireAllFastAtAnchorOrBarge: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </CbxList>\r\n                    </div>\r\n                </div>\r\n                <div className=\"right\">\r\n                    <h4>Replace text</h4>\r\n                    <span>\r\n                        To replace text in durations and markers names, use curly brackets. E.g. {kw(\"direction\")} will be replaced by loading or discharging. The following keywords will be replaced:\r\n                    </span>\r\n                    <ul>\r\n                        <li>cranes</li>\r\n                        <li>direction</li>\r\n                        <li>storages</li>\r\n                        <li>workTeam</li>\r\n                    </ul>\r\n                </div>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useFlowProvider } from \"../../../contextHooks/FlowContext\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { Layout } from \"./modules/Layout/Layout\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { Header } from \"./modules/Header/Header\";\r\nimport { faCopy, faEllipsisH, faExclamationCircle, faQuestionCircle, faSave, faUndo } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { IFlow, IFlowActivityAction, IFlowActivityCondition, IFlowActivityEvent } from \"../../../interfaces/IFlow\";\r\nimport { FlowItemType } from \"../../../_enums/FlowItemType\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { DetailsFlow } from \"./modules/Details/DetailsFlow\";\r\nimport { CargoDirections } from \"../../../_enums/CargoDirections\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { FlowStatus } from \"../../../_enums/FlowStatus\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\n\r\nexport const Flow: React.FC = () => {\r\n    const { app } = useAppContext();\r\n    const { isForbidden } = useRest();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { activities, cargoDirectionView, flow, positions, setActivities, setFlow } = useFlowProvider();\r\n    const [fetching, setFetching] = useState(true);\r\n    const [error, setError] = useState<string | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [copying, setCopying] = useState(false);\r\n    const [settingsOpen, setSettingsOpen] = useState(false);\r\n    const [helpOpen, setHelpOpen] = useState(false);\r\n    const [copyOpen, setCopyOpen] = useState(false);\r\n    const history = useNavigate();\r\n\r\n    const getFlow = async () => {\r\n        try {\r\n            let _flow = await app.api.getFlow(id);\r\n            setFlow(_flow)\r\n        }\r\n        catch (error: any) {\r\n            console.log(error);\r\n        }\r\n        setFetching(false);\r\n    }\r\n\r\n    /** Update events, actions and conditions from the context property allActivities */\r\n    const updateFlow = (): IFlow => {\r\n        let actions: IFlowActivityAction[] = [];\r\n        let conditions: IFlowActivityCondition[] = [];\r\n        let events: IFlowActivityEvent[] = [];\r\n\r\n        activities.forEach(_ => {\r\n            let p = positions.find(np => np.id === _.id);\r\n\r\n            if (p) {\r\n                _.x = p.x;\r\n                _.y = p.y;\r\n            }\r\n\r\n            if (_.type === FlowItemType.Action) {\r\n                actions.push(_);\r\n            }\r\n            else if (_.type === FlowItemType.Condition) {\r\n                conditions.push(_);\r\n            }\r\n            else if (_.type === FlowItemType.Event) {\r\n                events.push(_);\r\n            }\r\n        });\r\n\r\n        let _flow: IFlow = {\r\n            ...flow!,\r\n            flowDefinition: {\r\n                ...flow!.flowDefinition,\r\n                events,\r\n                actions,\r\n                conditions\r\n            }\r\n        };\r\n\r\n        return _flow;\r\n    }\r\n\r\n    const save = async () => {\r\n        let _flow = updateFlow();\r\n\r\n        // Remove deleted condition ids from clear conditions in the events\r\n        _flow.flowDefinition.events.forEach(fEv => {\r\n            if (fEv.clearConditions && fEv.clearConditions.length > 0) {\r\n                let updatedClearConditions: string[] = [];\r\n\r\n                fEv.clearConditions.forEach(cc => {\r\n                    // Check that the condition exists. If not remove it\r\n                    let condition = _flow.flowDefinition.conditions.find(_ => _.id === cc);\r\n                    if (condition) {\r\n                        updatedClearConditions.push(cc);\r\n                    }\r\n                });\r\n\r\n                fEv.clearConditions = updatedClearConditions;\r\n            }\r\n        });\r\n\r\n        try {\r\n            await app.api.updateFlow(_flow);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `Flow ${flow!.name} updated`\r\n            });\r\n        }\r\n        catch (error: any) {\r\n            let msg = isForbidden(error)\r\n                ? \"Access denied\"\r\n                : \"An error occured while updating the flow\";\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: msg\r\n            });\r\n        }\r\n\r\n        setSaving(false);\r\n    }\r\n\r\n    const copy = async () => {\r\n        let _flow = updateFlow();\r\n        let prevName = _flow.name;\r\n        _flow.name = `${_flow.name} copy`;\r\n        _flow.status = FlowStatus.Draft;\r\n        _flow.id = 0;\r\n\r\n        try {\r\n            let newFlow = await app.api.createFlow(_flow);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `Flow ${prevName} copied`\r\n            });\r\n            setCopying(false);\r\n            history(`/flows/${newFlow.id}/edit`, { replace: true });\r\n\r\n            setFlow(newFlow);\r\n        }\r\n        catch (error: any) {\r\n            error.text()\r\n                .then((_: string) => {\r\n                    app.setAppMessage({\r\n                        icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                        text: _.replaceAll('\"', ''),\r\n                    });\r\n                })\r\n                .catch((_: any) => {\r\n                    app.setAppMessage({\r\n                        icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                        text: \"An error occured while copying the flow\"\r\n                    });\r\n                });\r\n        }\r\n\r\n        setCopying(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (copying) {\r\n            copy();\r\n        }\r\n    }, [copying])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getFlow();\r\n        }\r\n    }, [fetching])\r\n\r\n    return (\r\n        <ContentPage working={copying || saving || fetching}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Flow settings\",\r\n                        icon: <FontAwesomeIcon icon={faEllipsisH} />,\r\n                        onClick: () => setSettingsOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Help\",\r\n                        icon: <FontAwesomeIcon icon={faQuestionCircle} />,\r\n                        onClick: () => setHelpOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Toggle edge style\",\r\n                        icon: <Icon iconName=\"Flow\" style={{ fontWeight: 600, fontSize: \"22px\" }} />,\r\n                        onClick: () => {\r\n                            setFlow({\r\n                                ...flow!,\r\n                                flowDefinition: {\r\n                                    ...flow!.flowDefinition,\r\n                                    smoothEdge: !flow?.flowDefinition.smoothEdge\r\n                                }\r\n                            });\r\n                        }\r\n                    },\r\n                    {\r\n                        title: \"Reset all changes\",\r\n                        icon: <FontAwesomeIcon icon={faUndo} />,\r\n                        disabled: fetching || copying || saving,\r\n                        onClick: () => {\r\n                            setFlow(undefined);\r\n                            setActivities([]);\r\n                            setFetching(true);\r\n                        }\r\n                    },\r\n                    {\r\n                        title: \"Copy (creates a copy in draft status)\",\r\n                        icon: <FontAwesomeIcon icon={faCopy} />,\r\n                        disabled: fetching || copying || saving,\r\n                        onClick: () => setCopyOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Save\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />,\r\n                        disabled: fetching || copying || saving,\r\n                        onClick: () => setSaving(true)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"flows\",\r\n                            title: \"flows\",\r\n                            url: \"/flows\"\r\n                        },\r\n                        {\r\n                            id,\r\n                            title: flow ? `${flow.name} - (${CargoDirections[cargoDirectionView].toLowerCase()}) view` : \"?\",\r\n                            url: `/flows/${id}/edit`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                {flow &&\r\n                    <div>\r\n                        <Header />\r\n                        <Layout />\r\n                    </div>\r\n                }\r\n                {!flow && error &&\r\n                    <LoadingSpinner text={error.toString()} hideSpinner={true} />\r\n                }\r\n            </ContentPageBody>\r\n\r\n            <DetailsFlow\r\n                isOpen={settingsOpen}\r\n                f={flow}\r\n                dismiss={() => setSettingsOpen(false)}\r\n                onSave={(flowDefinition) => {\r\n                    if (flow) {\r\n                        setFlow({\r\n                            ...flow,\r\n                            flowDefinition: flowDefinition\r\n                        });\r\n                    }\r\n                    setSettingsOpen(false);\r\n                }}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"Copy flow\"\r\n                subText=\"Are you sure you want to make a copy of this flow?\"\r\n                open={copyOpen}\r\n                cancel={() => setCopyOpen(false)}\r\n                commit={() => {\r\n                    setCopyOpen(false);\r\n                    setCopying(true);\r\n                }}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"Flow help\"\r\n                subText=\"To select multiple nodes, hold the SHIFT key while dragging the mouse over the nodes you want to select. You can then move all nodes similtaniously. Click outside the marked area to deselect the nodes.\"\r\n                open={helpOpen}\r\n                cancelText=\"Close\"\r\n                cancel={() => setHelpOpen(false)}\r\n            />\r\n\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useFlowProvider } from \"../../../contextHooks/FlowContext\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Header } from \"./modules/Header/Header\";\r\nimport { faExclamationCircle, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { FlowStatus } from \"../../../_enums/FlowStatus\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\n\r\nexport const NewFlow: React.FC = () => {\r\n    const { app } = useAppContext();\r\n    const { isForbidden } = useRest();\r\n    const { flow, setFlow } = useFlowProvider();\r\n    const [saving, setSaving] = useState(false);\r\n    const history = useNavigate();\r\n\r\n    useEffect(() => {\r\n        setFlow({\r\n            id: 0,\r\n            modified: new Date(),\r\n            name: \"\",\r\n            status: FlowStatus.Draft,\r\n            flowDefinition: {\r\n                actions: [],\r\n                conditions: [],\r\n                durations: [],\r\n                events: [],\r\n                markers: [],\r\n                smoothEdge: true,\r\n                requireAllFastAtAnchorOrBarge: false,\r\n                // useDraft: false,\r\n                // useGrade: false,\r\n                // useShipsFigures: false,\r\n                // useShipsRequestedQuantity: false\r\n            }\r\n        });\r\n    }, [])\r\n\r\n    const save = async () => {\r\n        try {\r\n            let newFlow = await app.api.createFlow(flow!);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `Flow ${newFlow.name} created`\r\n            });\r\n            setSaving(false);\r\n            history(`/flows/${newFlow.id}/edit`, { replace: true });\r\n        }\r\n        catch (error: any) {\r\n            let msg = isForbidden(error)\r\n                ? \"Access denied\"\r\n                : \"An error occured while creating the flow\";\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: msg\r\n            });\r\n        }\r\n        setSaving(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    return (\r\n        <ContentPage working={saving}>\r\n            <ContentPageHeader\r\n                actions={[{\r\n                    title: \"Save\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    disabled: saving,\r\n                    onClick: () => setSaving(true)\r\n                }]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"flows\",\r\n                            title: \"flows\",\r\n                            url: \"/flows\"\r\n                        },\r\n                        {\r\n                            id: \"new\",\r\n                            title: \"new\",\r\n                            url: `/flows/new/edit`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <Header />\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { IFlow } from \"../../interfaces/IFlow\";\r\nimport { FlowStatus } from \"../../_enums/FlowStatus\";\r\nimport { useFlows } from \"../../api/hooks/useFlows\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\n\r\nexport const FlowList = () => {\r\n    const { flows, isValidating } = useFlows(true);\r\n    const { relativeDateString } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            gridCellWidth: \"150px\",\r\n            key: \"status\",\r\n            render: (_: IFlow) => {\r\n                return FlowStatus[_.status];\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            gridCellWidth: \"150px\",\r\n            textAlign: \"right\",\r\n            render: (_: IFlow) => {\r\n                let s = relativeDateString(_.modified, {months: 1}, undefined, true)\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Add flow\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => history(`/flows/new`)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"flows\",\r\n                            title: \"flows\",\r\n                            url: \"/flows\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppGridTableNew\r\n                    loading={isValidating}\r\n                    blueHeader\r\n                    data={flows}\r\n                    columns={columns}\r\n                    rowClick={(f: IFlow) => {\r\n                        history(`/flows/${f.id}/edit`)\r\n                    }}\r\n                />\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { FlowContextProvider } from \"../../contextHooks/FlowContext\";\r\nimport { Flow } from \"./flow/Flow\";\r\nimport { NewFlow } from \"./flow/NewFlow\";\r\nimport { FlowList } from \"./FlowList\";\r\n\r\nexport const Flows = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"\" element={<FlowList />} />\r\n            <Route path=\"/:id/edit\" element={\r\n                <FlowContextProvider>\r\n                    <Flow />\r\n                </FlowContextProvider>\r\n            } />\r\n            <Route path=\"/new\" element={\r\n                <FlowContextProvider>\r\n                    <NewFlow />\r\n                </FlowContextProvider>\r\n            } />\r\n        </Routes >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { getFilter, updateFilter } = useDivTable();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    \r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Fixtures filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters,\r\n                                    {\r\n                                        property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return vessels?.find(v => v.id === _)?.name;\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }\r\n                                ));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { CSSProperties } from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { faFilter, faPlus, faSave } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Filter } from \"./Filter\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { IFixture } from \"../../interfaces/IFixture\";\r\nimport { FixtureStatus } from \"../../_enums/FixtureStatus\";\r\nimport { FixtureEditPanel } from \"./modules/editPanel/FixtureEditPanel\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { useCachedFilters } from \"../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../interfaces/ICachedFilter\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { ModifiedString } from \"../../blocks/modifiedString/ModifiedString\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Fixtures = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const [fixtures, setFixtures] = useState<IFixture[]>([]);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [newFixturePanelOpen, setNewFixturePanelOpen] = useState(false);\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const followUpStatus: FixtureStatus[] = [FixtureStatus[\"In progress\"], FixtureStatus.Sent];\r\n    const okStatus: FixtureStatus[] = [FixtureStatus[\"No demurrage\"], FixtureStatus.Settled];\r\n    const history = useNavigate();\r\n    const take = 50;\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"fixtureNumber\",\r\n            title: \"F #\",\r\n            gridCellWidth: \"max-content\"\r\n        },\r\n        {\r\n            key: companyUsesVoyageReference ? \"voyage.reference\" : \"voyage.voyageNumber\",\r\n            title: \"Voyage\",\r\n            gridCellWidth: \"max-content\"\r\n        },\r\n        {\r\n            key: \"voyage.vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (_: IFixture) => {\r\n                return toCapitalLetters(_.voyage?.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"charterer.name\",\r\n            title: \"Charterer\"\r\n        },\r\n        {\r\n            key: \"broker.name\",\r\n            title: \"Broker\"\r\n        },\r\n        {\r\n            key: \"status\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IFixture) => {\r\n                let style: CSSProperties = {\r\n                    fontSize: \"12px\",\r\n                    borderRadius: \"2px\",\r\n                    padding: \"2px 6px\",\r\n                    boxShadow: \"0 0 2px #888\"\r\n                };\r\n\r\n                if (okStatus.indexOf(_.status) >= 0) {\r\n                    style.backgroundColor = \"#d0f0d0\";\r\n                    style.fontWeight = 500;\r\n                }\r\n                else if (followUpStatus.indexOf(_.status) >= 0) {\r\n                    style.backgroundColor = \"#ffffae\";\r\n                    style.fontWeight = 500;\r\n                }\r\n\r\n                return <span style={style}>{FixtureStatus[_.status]}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: IFixture) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (f: IFixture) => {\r\n        history(`/fixtures/${f.id}`);\r\n    }\r\n\r\n    const getFixtures = () => {\r\n        app.api.getFixtures(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setFixtures(_);\r\n                }\r\n                else {\r\n                    setFixtures([...fixtures, ..._]);\r\n                    if (_.length < take) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all fixtures mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length >= take) {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: _.skip + take });\r\n                    });\r\n                }\r\n                else {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: 0, allFetched: true });\r\n                    });\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const cellStyle = (f: IFixture) => {\r\n        if (okStatus.indexOf(f.status) >= 0) {\r\n            return {\r\n                backgroundColor: \"#e8fbe8\"\r\n            };\r\n        }\r\n        else if (followUpStatus.indexOf(f.status) >= 0) {\r\n            return {\r\n                backgroundColor: \"#ffffe1\"\r\n            };\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.Fixtures));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getFixtures();\r\n        }\r\n    }, [fetching])\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0,\r\n            allFetched: false\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.Fixtures, filters);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage progressbar={fetching}>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo: `Fixture free text search looks up the following columns; Fixture number, Vessel, ${companyUsesVoyageReference ? 'Voyage reference' : 'Voyage number'}, Charterer and Broker`,\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Add fixture\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => setNewFixturePanelOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true),\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"fixtures\",\r\n                            title: \"fixtures\",\r\n                            url: \"/fixtures\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 500) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            data={fixtures}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            cellStyle={cellStyle}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <FixtureEditPanel\r\n                isOpen={newFixturePanelOpen}\r\n                dismiss={() => setNewFixturePanelOpen(false)}\r\n                commit={(_, isNew) => {\r\n                    setNewFixturePanelOpen(false);\r\n                    setFixtures([\r\n                        _, ...fixtures\r\n                    ]);\r\n                    app.setAppMessage({\r\n                        text: `Fixture ${_.fixtureNumber} created`,\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n\r\n                    if (isNew) {\r\n                        history(`/fixtures/${_.id}`);\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import { IDemurragePortCall } from \"../interfaces/demurrage/IDemurragePortcall\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\nimport { IDemurrageDuration } from \"../interfaces/demurrage/IDemurrageDuration\";\r\nimport { IDemurrage } from \"../interfaces/demurrage/IDemurrage\";\r\nimport { Duration } from \"luxon\";\r\n\r\nexport const useDemurragePortCall = () => {\r\n    const { convertDurationToMilliseconds, getDuration } = useDateFunctions();\r\n\r\n    /** Time spent from count from to count to, not including excludes and additions */\r\n    const getTimeUsedInPort = (portCall: IDemurragePortCall): number => {\r\n        return getDuration(portCall.countFrom?.eventDate, portCall.countTo?.eventDate, true);\r\n    }\r\n\r\n    /** Time spent from count from to count to, including excludes and additions */\r\n    const getTotalTimeUsedInPort = (portCall: IDemurragePortCall): number => {\r\n        let timeUsed = getTimeUsedInPort(portCall);\r\n\r\n        portCall.durations.forEach(_ => {\r\n            let duration = convertDurationToMilliseconds(_.durationUnitType, _.duration);\r\n            if (_.add) {\r\n                timeUsed += duration;\r\n            }\r\n            else {\r\n                timeUsed -= duration;\r\n            }\r\n        });\r\n\r\n        portCall.durationsFromTo.forEach(_ => {\r\n            let duration = getDuration(_.from, _.to, true);\r\n            duration = (duration / 100) * _.percent;\r\n            if (_.add) {\r\n                timeUsed += duration;\r\n            }\r\n            else {\r\n                timeUsed -= duration;\r\n            }\r\n        })\r\n\r\n        portCall.durationsWithEvents.forEach(d => {\r\n            let fromEvent = portCall.events.find(_ => _.id === d.fromEventId);\r\n            let toEvent = portCall.events.find(_ => _.id === d.toEventId);\r\n\r\n            if(fromEvent && toEvent) {\r\n                let duration = getDuration(fromEvent.eventDate, toEvent.eventDate);\r\n                duration = (duration / 100) * d.percent;\r\n\r\n                if (d.add) {\r\n                    timeUsed += duration;\r\n                }\r\n                else {\r\n                    timeUsed -= duration;\r\n                }\r\n            }\r\n        })\r\n\r\n        return timeUsed;\r\n    }\r\n\r\n    /** Time allowed in port in milliseconds. Returns undefined if time allowed is not defined. */\r\n    const getTimeAllowedInPort = (demurrage: IDemurrage, portCall: IDemurragePortCall): number | undefined => {\r\n        if (demurrage.timeAllowedInMinutes && portCall.timeAllowedInPercent) {\r\n            let timeAllowed = (demurrage.timeAllowedInMinutes / 100) * portCall.timeAllowedInPercent;\r\n            return Duration.fromObject({ minutes: timeAllowed }).as(\"milliseconds\");\r\n        }\r\n        if (portCall.timeAllowedInMinutes) {\r\n            return Duration.fromObject({ minutes: portCall.timeAllowedInMinutes }).as(\"milliseconds\");\r\n        }\r\n        return 0;\r\n    }\r\n\r\n    /** Time on demurrage. Total time including deductions and additions - time allowed */\r\n    const getOnDemurrageInPort = (demurrage: IDemurrage, portCall: IDemurragePortCall): number | undefined => {\r\n        let allowed = getTimeAllowedInPort(demurrage, portCall);\r\n\r\n        if (allowed !== undefined) {\r\n            let totalTimeUsed = getTotalTimeUsedInPort(portCall);\r\n            return totalTimeUsed - allowed;\r\n        }\r\n    }\r\n\r\n    /** Gets all durations sorted by sort order */\r\n    const getAllDurations = (portCall: IDemurragePortCall) => {\r\n        let durations: IDemurrageDuration[] = [\r\n            ...portCall.durations,\r\n            ...portCall.durationsFromTo,\r\n            ...portCall.durationsWithEvents\r\n        ];\r\n\r\n        return durations.sort((a, b) => a.sortOrder > b.sortOrder ? 1 : -1);\r\n    }\r\n\r\n    return {\r\n        getAllDurations,\r\n        getTimeAllowedInPort,\r\n        getTimeUsedInPort,\r\n        getTotalTimeUsedInPort,\r\n        getOnDemurrageInPort,\r\n    };\r\n};","import { IDemurrage } from \"../interfaces/demurrage/IDemurrage\";\r\nimport { DurationUnitTypes } from \"../_enums/DurationUnitTypes\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\nimport { Duration } from \"luxon\";\r\nimport { CargoDirections } from \"../_enums/CargoDirections\";\r\nimport { useDemurragePortCall } from \"./useDemurragePortCall\";\r\nimport { IDemurragePortCall } from \"../interfaces/demurrage/IDemurragePortcall\";\r\nimport { IDemurrageCalculation } from \"../interfaces/demurrage/IDemurrageCalculation\";\r\n\r\nexport const useDemurrage = () => {\r\n    const { convertDurationToMilliseconds, getDurationString } = useDateFunctions();\r\n    const { getTotalTimeUsedInPort, getTimeAllowedInPort } = useDemurragePortCall();\r\n\r\n    const calculateDemurrage = (demurrage?: IDemurrage) => {\r\n        if (!demurrage) {\r\n            return [];\r\n        }\r\n\r\n        let calculations: IDemurrageCalculation[] = [];\r\n\r\n        // ******************************************\r\n        // Ports with specified lay time\r\n        // ******************************************\r\n\r\n        // Summarize lay time for each port where laytime is specified\r\n        let timeAllocatedToSpecificPorts = 0;\r\n        demurrage.portCalls.map(pc => {\r\n            let pcAllowedTime = getTimeAllowedInPort(demurrage, pc);\r\n            timeAllocatedToSpecificPorts += pcAllowedTime ? pcAllowedTime : 0;\r\n        });\r\n\r\n        // Calculate demurrage for portcalls with specific laytime allowed defined\r\n        let portCallsWithSpecifiedLaytime: IDemurragePortCall[] = demurrage.portCalls.filter(_ => _.timeAllowedInMinutes || _.timeAllowedInPercent);\r\n        let timeUsed = 0;\r\n        let allowedLaytime = 0;\r\n\r\n        portCallsWithSpecifiedLaytime.forEach(pc => {\r\n\r\n            let timeUsedInPort = getTotalTimeUsedInPort(pc);;\r\n            timeUsed += timeUsedInPort;\r\n\r\n            let allowedTimeInPort = getTimeAllowedInPort(demurrage, pc);\r\n            if (allowedTimeInPort) {\r\n                allowedLaytime += allowedTimeInPort;\r\n            }\r\n\r\n            // Create calculation for port\r\n            let portCalculation: IDemurrageCalculation = {\r\n                demurragePortCallId: pc.id,\r\n                portCallId: pc.portCallId,\r\n                portName: pc.port?.name,\r\n                timeOnDemurrageMs: pc.timeOnDemurrageMs ? pc.timeOnDemurrageMs : 0,\r\n                timeConsumedMs: timeUsedInPort,\r\n                rate: pc.demurrageRate ? pc.demurrageRate : demurrage.demurrageRate ? demurrage.demurrageRate : 0,\r\n                payable: 0\r\n            }\r\n\r\n            // Set payable for calculation\r\n            let payable = portCalculation.rate * Duration.fromMillis(pc.timeOnDemurrageMs!).as(\"days\");\r\n            portCalculation.payable = payable;\r\n\r\n            // Push to array\r\n            calculations.push(portCalculation);\r\n        });\r\n\r\n        // If all port calls has been calculated, return.\r\n        if (portCallsWithSpecifiedLaytime.length === demurrage.portCalls.length) {\r\n            return calculations;\r\n        }\r\n\r\n        // Calculate demurrage for port calls with lay time not specified\r\n        let portCallsWithCommonLaytime: IDemurragePortCall[] = demurrage.portCalls.filter(_ => !_.timeAllowedInMinutes && !_.timeAllowedInPercent);\r\n        timeUsed = 0;\r\n\r\n        // Allowed laytime is the total allowed laytime minus the laytime specified by the port calls\r\n        allowedLaytime = Duration.fromObject({ minutes: demurrage.timeAllowedInMinutes ? demurrage.timeAllowedInMinutes : 0 }).as(\"milliseconds\") - allowedLaytime;\r\n\r\n        // Summarize time used in ports\r\n        portCallsWithCommonLaytime.forEach(pc => {\r\n            timeUsed += getTotalTimeUsedInPort(pc);\r\n        });\r\n\r\n        // ******************************************\r\n        // Ports with common lay time\r\n        // ******************************************\r\n\r\n        // Create calculation\r\n        let common: IDemurrageCalculation = {\r\n            rate: demurrage.demurrageRate ? demurrage.demurrageRate : 0,\r\n            timeOnDemurrageMs: timeUsed - allowedLaytime,\r\n            timeConsumedMs: timeUsed,\r\n            payable: 0,\r\n        }\r\n\r\n        // Add paybale\r\n        common.payable = common.rate * Duration.fromMillis(common.timeOnDemurrageMs).as(\"days\");\r\n\r\n        // Add culation to array\r\n        calculations.push(common);\r\n\r\n        // Return array\r\n        return calculations;\r\n    }\r\n\r\n    const getTimeUsedAllPorts = (demurrage?: IDemurrage): number => {\r\n        let total = 0;\r\n        demurrage?.portCalls.forEach(pc => {\r\n            total += getTotalTimeUsedInPort(pc);\r\n        });\r\n        return total;\r\n    }\r\n\r\n    const getTimeOnDemurrageAllPorts = (demurrage: IDemurrage) => {\r\n        let total = getTimeUsedAllPorts(demurrage);\r\n        let allowed = convertDurationToMilliseconds(DurationUnitTypes.Minutes, demurrage.timeAllowedInMinutes ? demurrage.timeAllowedInMinutes : 0);\r\n        return total - allowed;\r\n    }\r\n\r\n    const getTimeOnDemurrageSplitPorts = (demurrage: IDemurrage) => {\r\n        console.log(\"NOT IMPLEMENTED Getting demurrage based on port splitting \");\r\n\r\n        /*\r\n        let loadPorts = getLoadPorts(demurrage);\r\n        let dischargePorts = getDischargePorts(demurrage);\r\n\r\n\r\n        let totalDemurrageLoadPorts = 0;\r\n        let totalDemurrageDischargePorts = 0;\r\n\r\n        loadPorts.forEach(_ => {\r\n            let total = getOnDemurrageInPort(_);\r\n            if (total && total > 0) {\r\n                totalDemurrageLoadPorts += total;\r\n            }\r\n        });\r\n\r\n        dischargePorts.forEach(_ => {\r\n            let total = getOnDemurrageInPort(_);\r\n            if (total && total > 0) {\r\n                totalDemurrageDischargePorts += total;\r\n            }\r\n        });\r\n\r\n        return {\r\n            load: totalDemurrageLoadPorts,\r\n            discharge: totalDemurrageDischargePorts\r\n        }\r\n        */\r\n\r\n        return {\r\n            load: 0,\r\n            discharge: 0\r\n        }\r\n    }\r\n\r\n    const getLoadPorts = (demurrage: IDemurrage) => {\r\n        return demurrage.portCalls.filter(_ => _.reasonForCall === CargoDirections.Load);\r\n    }\r\n\r\n    const getDischargePorts = (demurrage: IDemurrage) => {\r\n        return demurrage.portCalls.filter(_ => _.reasonForCall === CargoDirections.Discharge);\r\n    }\r\n\r\n    const getMeasurement = (demurrage: IDemurrage) => {\r\n        if (demurrage.portCalls && demurrage.portCalls.length > 0 && demurrage.portCalls[0].cargo && demurrage.portCalls[0].cargo.length > 0) {\r\n            return demurrage.portCalls[0].cargo[0].measurement;\r\n        }\r\n    }\r\n\r\n    return {\r\n        calculateDemurrage,\r\n        getLoadPorts,\r\n        getDischargePorts,\r\n        getMeasurement,\r\n        getTimeUsedAllPorts,\r\n        getTimeOnDemurrageAllPorts,\r\n        getTimeOnDemurrageSplitPorts,\r\n    };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IDemurrage } from '../interfaces/demurrage/IDemurrage';\r\nimport { IDocumentFolder } from '../interfaces/IDocumentFolder';\r\nimport { IEmail } from '../interfaces/IEmail';\r\nimport { IFixture } from '../interfaces/IFixture';\r\nimport { IPortCallAndFlowAndSofs } from '../interfaces/IPortCallAndSof';\r\nimport { ICargo } from '../interfaces/ICargo';\r\nimport { useDemurrage } from '../hooks/useDemurrage';\r\nimport { useDemurragePortCall } from '../hooks/useDemurragePortCall';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setFixture\", fixture: IFixture }\r\n    | { type: \"setPortCalls\", portCalls: IPortCallAndFlowAndSofs[] }\r\n    | { type: \"setCargos\", cargos: ICargo[] }\r\n    | { type: \"setDemurrage\", demurrage?: IDemurrage, demurrageIsDirty: boolean }\r\n    | { type: \"setDemurrageIsDirty\", isDirty: boolean }\r\n    | { type: \"setRootFolder\", rootFolder: IDocumentFolder }\r\n    | { type: \"setCurrentFolder\", currentFolder: IDocumentFolder }\r\n    | { type: \"setEmails\", emails: IEmail[] }\r\n    | { type: \"setEmail\", email: IEmail }\r\n    | { type: \"toggleExcludedEvents\" };\r\n\r\ntype FixtureData = {\r\n    fixture?: IFixture\r\n    portCalls?: IPortCallAndFlowAndSofs[]\r\n    cargos?: ICargo[]\r\n    demurrage?: IDemurrage\r\n    demurrageIsDirty: boolean\r\n    rootFolder?: IDocumentFolder\r\n    currentFolder?: IDocumentFolder\r\n    emails?: IEmail[]\r\n    email?: IEmail\r\n    showExcludedEvents?: boolean\r\n}\r\n\r\ninterface IReducers {\r\n    state: FixtureData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    demurrageIsDirty: false\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useFixtureContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: FixtureData, action: ReducerAction): FixtureData => {\r\n    switch (action.type) {\r\n        case \"setFixture\":\r\n            return {\r\n                ...state,\r\n                fixture: action.fixture\r\n            };\r\n        case \"setCargos\":\r\n            return {\r\n                ...state,\r\n                cargos: action.cargos\r\n            };\r\n        case \"setPortCalls\":\r\n            return {\r\n                ...state,\r\n                portCalls: action.portCalls\r\n            };\r\n        case \"setDemurrage\":\r\n            return {\r\n                ...state,\r\n                demurrage: action.demurrage,\r\n                demurrageIsDirty: action.demurrageIsDirty\r\n            };\r\n        case \"setDemurrageIsDirty\":\r\n            return {\r\n                ...state,\r\n                demurrageIsDirty: action.isDirty\r\n            };\r\n        case \"setRootFolder\":\r\n            return {\r\n                ...state,\r\n                rootFolder: action.rootFolder\r\n            };\r\n        case \"setCurrentFolder\":\r\n            return {\r\n                ...state,\r\n                currentFolder: action.currentFolder\r\n            };\r\n        case \"setEmails\":\r\n            return {\r\n                ...state,\r\n                emails: action.emails\r\n            };\r\n        case \"setEmail\":\r\n            return {\r\n                ...state,\r\n                email: action.email\r\n            };\r\n        case \"toggleExcludedEvents\":\r\n            return {\r\n                ...state,\r\n                showExcludedEvents: state.showExcludedEvents ? false : true\r\n            };\r\n    }\r\n}\r\n\r\nexport const FixtureContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useFixtureProvider = () => {\r\n    const { state, dispatch } = useFixtureContext();\r\n    const { calculateDemurrage } = useDemurrage();\r\n    const { getTotalTimeUsedInPort } = useDemurragePortCall();\r\n\r\n    return {\r\n        fixture: state.fixture,\r\n        portCalls: state.portCalls,\r\n        cargos: state.cargos,\r\n        demurrage: state.demurrage,\r\n        demurrageIsDirty: state.demurrageIsDirty,\r\n        rootFolder: state.rootFolder,\r\n        currentFolder: state.currentFolder,\r\n        emails: state.emails,\r\n        email: state.email,\r\n        showExcludedEvents: state.showExcludedEvents,\r\n\r\n        setFixture: (fixture: IFixture) => {\r\n            dispatch({\r\n                type: \"setFixture\",\r\n                fixture\r\n            })\r\n        },\r\n\r\n        setCargos: (cargos: ICargo[]) => {\r\n            dispatch({\r\n                type: \"setCargos\",\r\n                cargos\r\n            })\r\n        },\r\n\r\n        setPortCalls: (portCalls: IPortCallAndFlowAndSofs[]) => {\r\n            dispatch({\r\n                type: \"setPortCalls\",\r\n                portCalls: portCalls\r\n            })\r\n        },\r\n\r\n        setDemurrage: (demurrage?: IDemurrage, setIsDirty: boolean = true) => {\r\n            let _demurrage: IDemurrage | undefined = demurrage;\r\n\r\n            if (demurrage) {\r\n                let calculations = calculateDemurrage(demurrage)\r\n\r\n                _demurrage = {\r\n                    ...demurrage,\r\n                    calculations: calculateDemurrage(demurrage),\r\n                    totalTimeConsumedMs: calculations.reduce((sum, current) => sum + current.timeConsumedMs, 0),\r\n                    totalTimeOnDemurrageMs: calculations.reduce((sum, current) => sum + current.timeOnDemurrageMs, 0),\r\n                    payable: calculations.reduce((sum, current) => sum + current.payable, 0)\r\n                };\r\n\r\n                // Set consumed for each port\r\n                _demurrage.portCalls.forEach(portCall => {\r\n                    portCall.timeConsumedMs = getTotalTimeUsedInPort(portCall)\r\n                });\r\n            }\r\n\r\n            dispatch({\r\n                type: \"setDemurrage\",\r\n                demurrage: _demurrage,\r\n                demurrageIsDirty: setIsDirty\r\n            })\r\n        },\r\n\r\n        setDemurrageIsDirty: (isDirty: boolean) => {\r\n            dispatch({\r\n                type: \"setDemurrageIsDirty\",\r\n                isDirty\r\n            })\r\n        },\r\n\r\n        setRootFolder: (rootFolder: IDocumentFolder) => {\r\n            dispatch({\r\n                type: \"setRootFolder\",\r\n                rootFolder\r\n            })\r\n        },\r\n\r\n        setCurrentFolder: (currentFolder: IDocumentFolder) => {\r\n            dispatch({\r\n                type: \"setCurrentFolder\",\r\n                currentFolder\r\n            })\r\n        },\r\n\r\n        setEmails: (emails: IEmail[]) => {\r\n            dispatch({\r\n                type: \"setEmails\",\r\n                emails\r\n            })\r\n        },\r\n\r\n        setEmail: (email: IEmail) => {\r\n            dispatch({\r\n                type: \"setEmail\",\r\n                email\r\n            })\r\n        },\r\n\r\n        toggleExcludedEvents: () => {\r\n            dispatch({\r\n                type: \"toggleExcludedEvents\"\r\n            })\r\n        }\r\n    };\r\n}","import React, { FC, useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: fixed;\r\n    height: 100%;\r\n    width: 100%;\r\n    top: 0;\r\n    left: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    animation: animateBg .2s forwards;\r\n\r\n    @keyframes animateBg {\r\n        0% { background-color: transparent; }\r\n        100% { background-color: rgb(0,0,0,.6); }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AppDialogMini: FC<{ working?: boolean, isOpen: boolean, commit: () => void, dismiss: () => void, children: any }> = ({ working, isOpen, commit, dismiss, children }) => {\r\n    const keyDown = (e: KeyboardEvent) => {\r\n        if (working) {\r\n            return;\r\n        }\r\n\r\n        if (e.code === \"Escape\") {\r\n            dismiss();\r\n        }\r\n        else if (e.code === \"Enter\" || e.code === \"NumpadEnter\") {\r\n            commit();\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            window.addEventListener(\"keydown\", keyDown);\r\n        }\r\n        return (() => {\r\n            window.removeEventListener(\"keydown\", keyDown);\r\n        });\r\n    }, [isOpen])\r\n\r\n    if (!isOpen) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container onClick={() => dismiss()}>\r\n            {working\r\n                ?\r\n                <AnimatedBars barColor=\"white\" />\r\n                :\r\n                <div\r\n                    onClick={_ => _.stopPropagation()}\r\n                    title=\"Hit Enter to commit and Escape to dismiss\"\r\n                    style={{\r\n                        boxShadow: \"0 0 20px #555\"\r\n                    }}\r\n                >\r\n                    {children}\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { TextField } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { AppDialogMini } from \"../../blocks/appDialogMini/AppDialogMini\";\r\nimport { useTermSetFunctions } from \"../../hooks/useTermSetFunctions\";\r\n\r\n//#region Styled Components\r\nconst Txt = styled(TextField)`\r\n    width: 255px;\r\n    max-width: 100vw;\r\n\r\n    >div {\r\n        >div {\r\n            border-radius: 4px;\r\n            height: 44px;\r\n\r\n            input {\r\n                padding: 0 20px;\r\n\r\n                ::placeholder {\r\n                    color: #ccc;\r\n                }\r\n            }\r\n\r\n            :after {\r\n                border: none;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AddTermSetDialog: React.FC<{ isOpen: boolean, dismiss: () => void }> = ({ isOpen, dismiss }) => {\r\n    const history = useNavigate();\r\n    const [name, setName] = useState(\"\");\r\n    const { app } = useAppContext();\r\n    const [creating, setCreating] = useState(false);\r\n    const { createNew } = useTermSetFunctions();\r\n\r\n    const commit = () => {\r\n        app.api.saveTermSet(createNew(name), true)\r\n            .then(_ => {\r\n                setCreating(false);\r\n                history(`/termSets/${_.id}`);\r\n            })\r\n            .catch(err => {\r\n                console.log(\"Error\", err);\r\n                setCreating(false);\r\n            })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (creating) {\r\n            commit();\r\n        }\r\n    }, [creating])\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            setName(\"\");\r\n        }\r\n    }, [isOpen])\r\n\r\n    return (\r\n        <AppDialogMini\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={creating}\r\n            commit={() => {\r\n                setCreating(true);\r\n            }}\r\n        >\r\n            <Txt\r\n                autoFocus\r\n                autoComplete=\"Off\"\r\n                placeholder=\"Please enter a new term set name\"\r\n                value={name}\r\n                onChange={(ev, newValue) => {\r\n                    setName(newValue ? newValue : \"\");\r\n                }}\r\n            />\r\n        </AppDialogMini>\r\n    );\r\n};","import { ITermSet } from \"../interfaces/demurrage/ITermSet\";\r\n\r\nexport const useTermSetFunctions = () => {\r\n    \r\n    const createNew = (name: string): ITermSet => {\r\n        return {\r\n            id: 0,\r\n            name,\r\n            countFrom: {\r\n                events: [],\r\n                layCan: {\r\n                    required: false,\r\n                    startHour: 0,\r\n                    startMinute: 0\r\n                }\r\n            },\r\n            countTo: {\r\n                events: []\r\n            },\r\n            deductions: {\r\n                events: [],\r\n                excludeHolidays: false,\r\n                excludeSaturdays: false,\r\n                excludeSundays: false\r\n\r\n            },\r\n            additions: {\r\n                events: []\r\n            },\r\n            earlyLoading: {\r\n                active: false,\r\n                name: \"\",\r\n                percent: 100\r\n            },\r\n            portSplitting: {\r\n                active: false,\r\n                loading: 50,\r\n                discharging: 50\r\n            }\r\n        }\r\n    }\r\n\r\n    return { createNew };\r\n};","import React, { useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport dayjs from \"dayjs\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { IDivTableColumn } from \"../../interfaces/IDivTableColumn\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AddTermSetDialog } from \"./AddTermSetDialog\";\r\nimport { useTermSets } from \"../../api/hooks/useTermSets\";\r\nimport { ITermSet } from \"../../interfaces/demurrage/ITermSet\";\r\n\r\nexport const TermSets = () => {\r\n    const { data, isValidating } = useTermSets();\r\n    const history = useNavigate();\r\n    const [newOpen, setNewOpen] = useState(false);\r\n\r\n    const columns: IDivTableColumn[] = [\r\n        {\r\n            key: \"code\",\r\n            width: \"120px\"\r\n        },\r\n        {\r\n            key: \"name\",\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            width: \"80px\",\r\n            render: (_: ITermSet) => {\r\n                let s = dayjs(_.modified).fromNow();\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (ts: ITermSet) => {\r\n        history(`/termSets/${ts.id}`);\r\n    }\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Add term set\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setNewOpen(true);\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"termSets\",\r\n                            title: \"term sets\",\r\n                            url: \"/termSets\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppTable\r\n                    data={data}\r\n                    columns={columns}\r\n                    rowClick={rowClick}\r\n                    loading={isValidating && !data}\r\n                />\r\n            </ContentPageBody>\r\n\r\n            <AddTermSetDialog\r\n                isOpen={newOpen}\r\n                dismiss={() => {\r\n                    setNewOpen(false);\r\n                }}\r\n            />\r\n\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ITermSet } from \"../../interfaces/demurrage/ITermSet\";\r\n\r\nexport const useTermSets = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/termSets`, {\r\n        dedupingInterval: 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let termSets: ITermSet[] = data ? data : [];\r\n\r\n    return { data: termSets, error, isValidating, mutate };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { ITermSet } from '../interfaces/demurrage/ITermSet';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setTermSet\", termSet: ITermSet };\r\n\r\ntype TermSetProps = {\r\n    termSet?: ITermSet\r\n}\r\n\r\ninterface IReducers {\r\n    state: TermSetProps,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    termSet: undefined\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useTermSetContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: TermSetProps, action: ReducerAction): TermSetProps => {\r\n    switch (action.type) {\r\n        case \"setTermSet\":\r\n            return {\r\n                ...state,\r\n                termSet: action.termSet\r\n            };\r\n    }\r\n}\r\n\r\nexport const TermSetContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useTermSetProvider = () => {\r\n    const { state, dispatch } = useTermSetContext();\r\n\r\n    return {\r\n        termSet: state.termSet,\r\n\r\n        setTermSet: (termSet: ITermSet) => {\r\n            dispatch({\r\n                type: \"setTermSet\",\r\n                termSet\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppTable } from \"../../hooks/useAppTable\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\n\r\nconst Component = styled.td`\r\n    border-right: 1px solid #dfdfdf;\r\n\r\n    :last-child {\r\n        border-right: none;\r\n    }\r\n`;\r\n\r\nexport const AppTableCellSmall: React.FC<{ column: IAppTableColumn, data: any, noSideBorder?: boolean }> = ({ column, data, noSideBorder }) => {\r\n    const { getData } = useAppTable();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    return (\r\n        <Component\r\n            // noSideBorder={noSideBorder}\r\n            // noPadding={column.noPadding}\r\n            // hideBelowWidth={column.hideBelowWidth}\r\n            style={{\r\n                // backgroundColor: column.backgroundColor ? column.backgroundColor : undefined,\r\n            }}>\r\n            {column.render\r\n                ? column.render(data)\r\n                : column.capitalLetters\r\n                    ? toCapitalLetters(getData(column, data))\r\n                    : getData(column, data)\r\n            }\r\n        </Component>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { AppTableCellSmall } from \"./AppTableCellSmall\";\r\n\r\nconst Component = styled.tr`\r\n    \r\n    border-bottom: 1px #ddd solid;\r\n    /* height: 60px; */\r\n\r\n    :nth-of-type(odd) {\r\n        background-color: rgba(0, 0, 0, 0.02);\r\n    }\r\n\r\n    \r\n\r\n`;\r\n\r\ninterface IAppTableRow {\r\n    columns: IAppTableColumn[]\r\n    data: any\r\n    noSideBorder?: boolean\r\n    rowClick?: (rowData: any) => void\r\n}\r\n\r\nexport const AppTableRowSmall: React.FC<IAppTableRow> = ({ columns, data, noSideBorder, rowClick }) => {\r\n    const onClick = () => {\r\n        if (rowClick) {\r\n            rowClick(data);\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Component onClick={onClick}>\r\n            {columns.map(_ => {\r\n                return (\r\n                    <AppTableCellSmall\r\n                        key={`AppTableCell_${_.key}`}\r\n                        noSideBorder={noSideBorder}\r\n                        column={_}\r\n                        data={data}\r\n                    />\r\n                );\r\n            })}\r\n        </Component>\r\n    );\r\n}","import React, { CSSProperties } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { AppTableRowSmall } from \"./AppTableRowSmall\";\r\n\r\n//#region Styled components\r\nconst Container = styled.table`\r\n    position: relative;\r\n    border-collapse: collapse; \r\n    text-align: left;\r\n    width: 100%;\r\n    font-size: 14px;\r\n    border-spacing: 0;\r\n    box-shadow: 0 0 2px #ccc;\r\n\r\n    >thead tr {\r\n        height: 30px;\r\n    }\r\n`;\r\n\r\nconst HeaderColumn = styled.th`\r\n    background-color: #f1f1f1;\r\n    border: 1px solid #ddd;\r\n    color: black;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    font-weight: 500;\r\n    font-size: 10px;\r\n    padding: 0 15px;\r\n`;\r\n//#endregion\r\n\r\ninterface IAppTableProps {\r\n    columns: IAppTableColumn[]\r\n    data?: any[]\r\n    noSideBorder?: boolean\r\n    noCellPadding?: boolean\r\n    loading?: boolean\r\n    loadingText?: string\r\n    rowClick?: (rowData: any) => void\r\n}\r\n\r\nexport const AppTableSmall: React.FC<IAppTableProps> = ({ columns, data, noSideBorder, rowClick }) => {\r\n    if (!data || data.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <thead>\r\n                <tr>\r\n                    {columns.map(_ => {\r\n                        return (\r\n                            <HeaderColumn\r\n                                style={{ width: _.width, ..._.headerStyle }}\r\n                                key={`AppTableColumnHeader_${_.key}`}\r\n                            >\r\n                                {_.title ? _.title : _.key}\r\n                            </HeaderColumn>\r\n                        )\r\n                    })}\r\n                </tr>\r\n            </thead>\r\n            <tbody>\r\n                {data && data.map((_, i) => {\r\n                    return (\r\n                        <AppTableRowSmall\r\n                            key={`AppTableRowHeader_${i}`}\r\n                            columns={columns}\r\n                            noSideBorder={noSideBorder}\r\n                            data={_}\r\n                            rowClick={rowClick}\r\n                        />\r\n                    );\r\n                })\r\n                }\r\n            </tbody>\r\n        </Container>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITextFieldProps, TextField } from \"@fluentui/react\";\r\n\r\nconst Container = styled.div`\r\n    >div {\r\n        >div {\r\n            >div {\r\n                border: none;\r\n                background-color: transparent;\r\n                height: 42px;\r\n\r\n                input {\r\n                    padding: 0 16px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nexport const AppTextFieldMini: FC<ITextFieldProps> = (props) => {\r\n    return (\r\n        <Container>\r\n            <TextField {...props} />\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton, Checkbox, TextField } from \"@fluentui/react\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppTableSmall } from \"../../../../blocks/appTableSmall/AppTableSmall\";\r\nimport { ITermSetCountFrom, ITermSetEvent } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { AppTextFieldMini } from \"../../../../blocks/inputs/AppTextFieldMini\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    table {\r\n        margin-top: 15px;\r\n    }\r\n`;\r\n\r\nconst Add = styled.div`\r\n    margin-left: -5px;\r\n    color: green;\r\n\r\n    button {\r\n        font-size: 13px;\r\n        color: #4177bf;\r\n\r\n        i {\r\n            font-size: 12px;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Remove = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n`;\r\n\r\nconst Cbxs = styled.div`\r\n    margin: 15px 0 30px;\r\n`;\r\n\r\nconst LayCanSpec = styled.div`\r\n    background-color: rgba(0,0,0,0.02);\r\n    padding: 15px 20px 5px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    margin-top: 20px;\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        margin: 0 -5px;\r\n\r\n        /* input */\r\n        >div {\r\n            margin: 10px 5px;\r\n            width: 40px;\r\n\r\n            input {\r\n                text-align: center;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CountFrom: React.FC<{ cf: ITermSetCountFrom, onChange: (_: ITermSetCountFrom) => void }> = ({ cf, onChange }) => {\r\n\r\n    const updateValue = (e: ITermSetEvent, propName: string, value: any) => {\r\n        let event = cf.events?.find(_ => _.id === e.id);\r\n\r\n        if (event) {\r\n            (event as any)[propName] = value;\r\n            let updated: ITermSetCountFrom = {\r\n                ...cf, events: cf.events\r\n            };\r\n            onChange(updated);\r\n        }\r\n    }\r\n\r\n    const addEvent = () => {\r\n        onChange({\r\n            ...cf,\r\n            events: [...cf.events!, {\r\n                id: uuidv4(),\r\n                name: \"\",\r\n                after: 0\r\n            }]\r\n        });\r\n    }\r\n\r\n    const removeEvent = (id: string) => {\r\n        onChange({\r\n            ...cf,\r\n            events: cf!.events!.filter(_ => _.id !== id)\r\n        });\r\n    }\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            title: \"Event\",\r\n            render: (_: ITermSetEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"name\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"After (minutes)\",\r\n            width: \"120px\",\r\n            render: (_: ITermSetEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        style={{\r\n                            textAlign: \"right\"\r\n                        }}\r\n                        type=\"number\"\r\n                        value={_.after !== undefined ? _.after.toString() : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"after\", v && v.length > 0 ? v : undefined);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \" \",\r\n            width: \"30px\",\r\n            render: (_: ITermSetEvent) => {\r\n                return (\r\n                    <Remove title=\"Remove\" onClick={() => removeEvent(_.id)}>\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <Events>\r\n                {cf.events.length > 0\r\n                    ?\r\n                    <div>\r\n                        <div>\r\n                            Start count from the first occurance of:\r\n                        </div>\r\n                        <AppTableSmall\r\n                            columns={columns}\r\n                            data={cf.events}\r\n                        />\r\n                    </div>\r\n                    :\r\n                    <div>\r\n                        No start count events defined.\r\n                    </div>\r\n                }\r\n                <Add>\r\n                    <ActionButton\r\n                        text=\"Add event\"\r\n                        onClick={addEvent}\r\n                        iconProps={{\r\n                            iconName: \"Add\"\r\n                        }}\r\n                    />\r\n                </Add>\r\n            </Events>\r\n            <Cbxs>\r\n                <div>\r\n                    <Checkbox\r\n                        label=\"Laycan commenced required\"\r\n                        checked={cf.layCan.required}\r\n                        onChange={(ev, checked) => {\r\n                            onChange({\r\n                                ...cf,\r\n                                layCan: {\r\n                                    ...cf.layCan!,\r\n                                    required: checked ? checked : false\r\n                                }\r\n                            });\r\n                        }}\r\n                    />\r\n                    {cf.layCan.required &&\r\n                        <LayCanSpec>\r\n                            <div>\r\n                                When to start count on commencing day of laycan\r\n                            </div>\r\n                            <div>\r\n                                <TextField\r\n                                    placeholder=\"Hour\"\r\n                                    description=\"Hour\"\r\n                                    type=\"numeric\"\r\n                                    maxLength={2}\r\n                                    value={cf.layCan.startHour.toString()}\r\n                                    onChange={(ev, v) => {\r\n                                        onChange({\r\n                                            ...cf,\r\n                                            layCan: {\r\n                                                ...cf.layCan!,\r\n                                                startHour: v && v.length > 0 ? Number(v) : 0\r\n                                            }\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <TextField\r\n                                    placeholder=\"Minute\"\r\n                                    description=\"Minute\"\r\n                                    type=\"numeric\"\r\n                                    maxLength={2}\r\n                                    value={cf.layCan.startMinute.toString()}\r\n                                    onChange={(ev, v) => {\r\n                                        onChange({\r\n                                            ...cf,\r\n                                            layCan: {\r\n                                                ...cf.layCan!,\r\n                                                startMinute: v && v.length > 0 ? Number(v) : 0\r\n                                            }\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </LayCanSpec>\r\n                    }\r\n                </div>\r\n            </Cbxs>\r\n        </Container>\r\n    );\r\n};","import { Dropdown, IDropdownProps } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled components\r\nconst Container = styled.div`\r\n    > div {\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n            >span {\r\n                line-height: 42px;\r\n                height: 42px;\r\n                background-color: transparent;\r\n            }\r\n\r\n            > span:first-child {\r\n                border: none;\r\n                padding: 0 0 0 15px;\r\n                width: 100%;\r\n            }\r\n\r\n            > span:last-child {\r\n                right: 15px;\r\n            }\r\n\r\n            :after {\r\n                border: none !important;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AppTableDropDownSmall: React.FC<IDropdownProps> = (props) => {\r\n    return (\r\n        <Container>\r\n            <Dropdown {...props} />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton, Checkbox } from \"@fluentui/react\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppTableSmall } from \"../../../../blocks/appTableSmall/AppTableSmall\";\r\nimport { ITermSetDeduction, ITermSetFromToEvent, } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { CargoDirections } from \"../../../../_enums/CargoDirections\";\r\nimport { AppTableDropDownSmall } from \"../../../../blocks/appTableSmall/inputs/AppTableDropDown\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { AppTextFieldMini } from \"../../../../blocks/inputs/AppTextFieldMini\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    table {\r\n        margin-top: 15px;\r\n    }\r\n`;\r\n\r\nconst Add = styled.div`\r\n    margin-left: -5px;\r\n    color: green;\r\n\r\n    button {\r\n        font-size: 13px;\r\n        color: #4177bf;\r\n\r\n        i {\r\n            font-size: 12px;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Remove = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n`;\r\n\r\nconst Cbxs = styled.div`\r\n    margin-bottom: 30px;\r\n\r\n    >div {\r\n        margin: 15px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Deductions: React.FC<{ deductions: ITermSetDeduction, onChange: (_: ITermSetDeduction) => void }> = ({ deductions, onChange }) => {\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    const updateValue = (e: ITermSetFromToEvent, propName: string, value: any) => {\r\n        let event = deductions?.events?.find(_ => _.id === e.id);\r\n\r\n        if (event) {\r\n            (event as any)[propName] = value;\r\n            let updated: ITermSetDeduction = {\r\n                ...deductions,\r\n                events: deductions!.events!\r\n            };\r\n            onChange(updated);\r\n        }\r\n    }\r\n\r\n    const addEvent = () => {\r\n        onChange({\r\n            ...deductions,\r\n            events: [...deductions.events, {\r\n                id: uuidv4(),\r\n                from: \"\",\r\n                to: \"\",\r\n                percent: 100,\r\n                direction: CargoDirections.Both,\r\n                after: 0\r\n            }]\r\n        });\r\n    }\r\n\r\n    const removeEvent = (id: string) => {\r\n        onChange({\r\n            ...deductions,\r\n            events: deductions!.events!.filter(_ => _.id !== id)\r\n        });\r\n    }\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"from\",\r\n            title: \"From event\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.from ? _.from : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"from\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"to\",\r\n            title: \"To event\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.to ? _.to : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"to\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"direction\",\r\n            width: \"90px\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTableDropDownSmall\r\n                        options={convertToKeyValuePair(CargoDirections)}\r\n                        selectedKey={_.direction}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"direction\", Number(v?.key));\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"percent\",\r\n            title: \"%\",\r\n            headerStyle: {\r\n                textAlign: \"right\",\r\n                width: \"30px\"\r\n            },\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        placeholder=\"Percent\"\r\n                        maxLength={3}\r\n                        type=\"number\"\r\n                        value={_.percent !== undefined ? _.percent.toString() : \"\"}\r\n                        style={{\r\n                            textAlign: \"right\"\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"percent\", v && v.length > 0 ? v : undefined);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \" \",\r\n            width: \"30px\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <Remove title=\"Remove\" onClick={() => removeEvent(_.id)}>\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <Events>\r\n                {deductions.events.length > 0\r\n                    ?\r\n                    <div>\r\n                        <div>\r\n                            Time is deducted between the following durations:\r\n                        </div>\r\n                        <AppTableSmall\r\n                            columns={columns}\r\n                            data={deductions?.events}\r\n                        />\r\n                    </div>\r\n                    :\r\n                    <div>\r\n                        No special deductions defined.\r\n                    </div>\r\n                }\r\n                <Add>\r\n                    <ActionButton\r\n                        text=\"Add deduction\"\r\n                        onClick={addEvent}\r\n                        iconProps={{\r\n                            iconName: \"Add\"\r\n                        }}\r\n                    />\r\n                </Add>\r\n            </Events>\r\n            <Cbxs>\r\n                <Checkbox\r\n                    label=\"Exclude Saturdays\"\r\n                    checked={deductions.excludeSaturdays}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({\r\n                            ...deductions,\r\n                            excludeSaturdays: checked ? checked : false\r\n                        })\r\n                    }}\r\n                />\r\n                <Checkbox\r\n                    label=\"Exclude Sundays\"\r\n                    checked={deductions.excludeSundays}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({\r\n                            ...deductions,\r\n                            excludeSundays: checked ? checked : false\r\n                        })\r\n                    }}\r\n                />\r\n                <Checkbox\r\n                    label=\"Exclude holidays\"\r\n                    disabled={true}\r\n                    checked={deductions.excludeHolidays}\r\n                    onChange={(ev, checked) => {\r\n                        onChange({\r\n                            ...deductions,\r\n                            excludeHolidays: checked ? checked : false\r\n                        })\r\n                    }}\r\n                />\r\n            </Cbxs>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton } from \"@fluentui/react\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppTableSmall } from \"../../../../blocks/appTableSmall/AppTableSmall\";\r\nimport { ITermSetAddition, ITermSetFromToEvent, } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { CargoDirections } from \"../../../../_enums/CargoDirections\";\r\nimport { AppTableDropDownSmall } from \"../../../../blocks/appTableSmall/inputs/AppTableDropDown\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { AppTextFieldMini } from \"../../../../blocks/inputs/AppTextFieldMini\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    table {\r\n        margin-top: 15px;\r\n    }\r\n`;\r\n\r\nconst Add = styled.div`\r\n    margin-left: -5px;\r\n    color: green;\r\n\r\n    button {\r\n        font-size: 13px;\r\n        color: #4177bf;\r\n\r\n        i {\r\n            font-size: 12px;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Remove = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n`;\r\n//#endregion\r\n\r\nexport const Additions: React.FC<{ additions: ITermSetAddition, onChange: (_: ITermSetAddition) => void }> = ({ additions, onChange }) => {\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    \r\n    const updateValue = (e: ITermSetFromToEvent, propName: string, value: any) => {\r\n        let event = additions?.events?.find(_ => _.id === e.id);\r\n\r\n        if (event) {\r\n            (event as any)[propName] = value;\r\n            let updated: ITermSetAddition = {\r\n                ...additions,\r\n                events: additions!.events!\r\n            };\r\n            onChange(updated);\r\n        }\r\n    }\r\n\r\n    const addEvent = () => {\r\n        // let _d = additions ? additions : { events: [] };\r\n\r\n        onChange({\r\n            ...additions,\r\n            events: [...additions.events, {\r\n                id: uuidv4(),\r\n                from: \"\",\r\n                to: \"\",\r\n                percent: 100,\r\n                direction: CargoDirections.Both,\r\n                after: 0\r\n            }]\r\n        });\r\n    }\r\n\r\n    const removeEvent = (id: string) => {\r\n        onChange({\r\n            ...additions,\r\n            events: additions!.events!.filter(_ => _.id !== id)\r\n        });\r\n    }\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"from\",\r\n            title: \"From event\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.from ? _.from : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"from\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"to\",\r\n            title: \"To event\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.to ? _.to : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"to\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"After (min)\",\r\n            width: \"70px\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        style={{\r\n                            textAlign: \"right\"\r\n                        }}\r\n                        type=\"number\"\r\n                        value={_.after !== undefined ? _.after.toString() : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"after\", v && v.length > 0 ? v : undefined);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"direction\",\r\n            width: \"90px\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTableDropDownSmall\r\n                        options={convertToKeyValuePair(CargoDirections)}\r\n                        selectedKey={_.direction}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"direction\", Number(v?.key));\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"percent\",\r\n            title: \"%\",\r\n            headerStyle: {\r\n                textAlign: \"right\",\r\n                width: \"30px\"\r\n            },\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        type=\"number\"\r\n                        value={_.percent !== undefined ? _.percent.toString() : \"\"}\r\n                        style={{\r\n                            textAlign: \"right\"\r\n                        }}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"percent\", v && v.length > 0 ? v : undefined);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \" \",\r\n            width: \"30px\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return (\r\n                    <Remove title=\"Remove\" onClick={() => removeEvent(_.id)}>\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <Events>\r\n                {additions.events.length > 0\r\n                    ?\r\n                    <div>\r\n                        <div>\r\n                            Time is added between the following durations:\r\n                        </div>\r\n                        <AppTableSmall\r\n                            columns={columns}\r\n                            data={additions.events}\r\n                        />\r\n                    </div>\r\n                    :\r\n                    <div>\r\n                        No special additions defined.\r\n                    </div>\r\n                }\r\n                <Add>\r\n                    <ActionButton\r\n                        text=\"Add addition\"\r\n                        onClick={addEvent}\r\n                        iconProps={{\r\n                            iconName: \"Add\"\r\n                        }}\r\n                    />\r\n                </Add>\r\n            </Events>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton } from \"@fluentui/react\";\r\nimport { faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppTableSmall } from \"../../../../blocks/appTableSmall/AppTableSmall\";\r\nimport { ITermSetCountTo, ITermSetEvent } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { IAppTableColumn } from \"../../../../interfaces/IAppTableColumn\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { AppTextFieldMini } from \"../../../../blocks/inputs/AppTextFieldMini\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    table {\r\n        margin-top: 15px;\r\n    }\r\n`;\r\n\r\nconst Add = styled.div`\r\n    margin-left: -5px;\r\n    color: green;\r\n\r\n    button {\r\n        font-size: 13px;\r\n        color: #4177bf;\r\n\r\n        i {\r\n            font-size: 12px;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Remove = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n`;\r\n//#endregion\r\n\r\nexport const CountTo: React.FC<{ ct: ITermSetCountTo, onChange: (_: ITermSetCountTo) => void }> = ({ ct, onChange }) => {\r\n\r\n    const updateValue = (e: ITermSetEvent, propName: string, value: any) => {\r\n        let event = ct.events?.find(_ => _.id === e.id);\r\n\r\n        if (event) {\r\n            (event as any)[propName] = value;\r\n            let updated: ITermSetCountTo = {\r\n                ...ct, events: ct.events\r\n            };\r\n            onChange(updated);\r\n        }\r\n    }\r\n\r\n    const addEvent = () => {\r\n        let _cf = ct ? ct : { events: [] };\r\n\r\n        onChange({\r\n            ..._cf,\r\n            events: [..._cf.events!, {\r\n                id: uuidv4(),\r\n                name: \"\",\r\n                after: 0\r\n            }]\r\n        });\r\n    }\r\n\r\n    const removeEvent = (id: string) => {\r\n        onChange({\r\n            ...ct,\r\n            events: ct!.events!.filter(_ => _.id !== id)\r\n        });\r\n    }\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            title: \"Event\",\r\n            render: (_: ITermSetEvent) => {\r\n                return (\r\n                    <AppTextFieldMini\r\n                        value={_.name ? _.name : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            updateValue(_, \"name\", v);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \" \",\r\n            width: \"30px\",\r\n            render: (_: ITermSetEvent) => {\r\n                return (\r\n                    <Remove title=\"Remove\" onClick={() => removeEvent(_.id)}>\r\n                        <FontAwesomeIcon icon={faTrashAlt} />\r\n                    </Remove>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <Events>\r\n                {ct.events.length > 0\r\n                    ?\r\n                    <div>\r\n                        <div>\r\n                            Stop count after the last occurance of:\r\n                        </div>\r\n                        <AppTableSmall\r\n                            columns={columns}\r\n                            data={ct.events}\r\n                        />\r\n                    </div>\r\n                    :\r\n                    <div>\r\n                        No stop count events defined.\r\n                    </div>\r\n                }\r\n                <Add>\r\n                    <ActionButton\r\n                        text=\"Add event\"\r\n                        onClick={addEvent}\r\n                        iconProps={{\r\n                            iconName: \"Add\"\r\n                        }}\r\n                    />\r\n                </Add>\r\n            </Events>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, TextField } from \"@fluentui/react\";\r\nimport { ITermSetEarlyLoading } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    input::-webkit-inner-spin-button {\r\n        appearance: none;\r\n    }\r\n`;\r\n\r\nconst Cbxs = styled.div`\r\n    margin: 15px 0 30px;\r\n`;\r\n\r\nconst Desc = styled.div`\r\n    margin: 15px 0 0 0;\r\n`;\r\n\r\nconst Spec = styled.div`\r\n    background-color: rgba(0,0,0,0.02);\r\n    padding: 15px 20px 5px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    margin-top: 20px;\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        margin: 0 -5px;\r\n\r\n        >div {\r\n            margin: 10px 5px;\r\n        }\r\n\r\n        >div:first-child {\r\n            width: 100%;\r\n        }\r\n\r\n        >div:nth-child(2), >div:last-child {\r\n            min-width: 120px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EarlyLoading: React.FC<{ earlyLoading: ITermSetEarlyLoading, onChange: (_: ITermSetEarlyLoading) => void }> = ({ earlyLoading, onChange }) => {\r\n    return (\r\n        <Container>\r\n            <Cbxs>\r\n                <div>\r\n                    <Checkbox\r\n                        label=\"Use early loading\"\r\n                        checked={earlyLoading?.active}\r\n                        onChange={(ev, checked) => {\r\n                            onChange({\r\n                                ...earlyLoading,\r\n                                active: checked ? checked : false\r\n                            });\r\n                        }}\r\n                    />\r\n                    <Desc>\r\n                        If loading starts prior to commencement of laydays, time from EVENT until STOPHOUR hours local port time on the commencing laydate will be deducted.\r\n                    </Desc>\r\n                    {earlyLoading.active &&\r\n                        <Spec>\r\n                            <div>\r\n                                <TextField\r\n                                    description=\"Event\"\r\n                                    value={earlyLoading.name}\r\n                                    onChange={(ev, v) => {\r\n                                        onChange({\r\n                                            ...earlyLoading,\r\n                                            name: v ? v : \"\"\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <AppNumericTextField\r\n                                    style={{\r\n                                        textAlign: \"right\"\r\n                                    }}\r\n                                    description=\"Percent\"\r\n                                    suffix=\"%\"\r\n                                    maxLength={3}\r\n                                    type=\"number\"\r\n                                    value={earlyLoading.percent?.toString()}\r\n                                    onChange={(ev, v) => {\r\n                                        onChange({\r\n                                            ...earlyLoading,\r\n                                            percent: v && v.length > 0 ? Number(v) : 0\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <TextField\r\n                                    style={{\r\n                                        textAlign: \"right\"\r\n                                    }}\r\n                                    description=\"Stop hour\"\r\n                                    suffix=\"hrs\"\r\n                                    maxLength={2}\r\n                                    type=\"number\"\r\n                                    value={earlyLoading.stopHour?.toString()}\r\n                                    onChange={(ev, v) => {\r\n                                        onChange({\r\n                                            ...earlyLoading,\r\n                                            stopHour: v && v.length > 0 ? Number(v) : 0\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </Spec>\r\n                    }\r\n                </div>\r\n            </Cbxs>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon, PanelType } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ITermSet } from \"../../../interfaces/demurrage/ITermSet\";\r\nimport { AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\nimport { faExclamationCircle, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { IAppMessage } from \"../../../interfaces/IAppMessage\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { CountFrom } from \"./modules/CountFrom\";\r\nimport { Deductions } from \"./modules/Deductions\";\r\nimport { Additions } from \"./modules/Additions\";\r\nimport { CountTo } from \"./modules/CountTo\";\r\nimport { PortSplitting } from \"./modules/PortSplitting\";\r\nimport { EarlyLoading } from \"./modules/EarlyLoading\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px 30px 0;\r\n`;\r\n\r\nconst TwoColumns = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 120px 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 10px;\r\n`;\r\n\r\nconst Divider = styled.div`\r\n    margin: 20px -30px 20px;\r\n    border-top: 1px dashed #aaa;\r\n\r\n    >div {\r\n        width: fit-content;\r\n        background-color: #4177bf;\r\n        padding: 5px 12px 6px;\r\n        margin-left: 30px;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        letter-spacing: .5px;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        border-bottom: 1px solid #4177bf;\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        box-shadow: 0 5px 10px #ddd;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TermSetEditPanel: React.FC<{ ts?: ITermSet, isOpen: boolean, commit: (_: ITermSet) => void, dismiss: () => void }> = ({ ts, isOpen, commit, dismiss }) => {\r\n    const [termSet, setTermSet] = useState<ITermSet | undefined>();\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const { app } = useAppContext();\r\n    const [deleting, setDeleting] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const history = useNavigate();\r\n\r\n    const save = async () => {\r\n        if (!formOk()) {\r\n            setSaving(false);\r\n            return;\r\n        }\r\n\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            let updatedTermSet = await app.api.saveTermSet(termSet!, false);\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: \"Term set updated\"\r\n            };\r\n            setSaving(false);\r\n            commit(updatedTermSet);\r\n        }\r\n        catch (error: any) {\r\n            setSaving(false);\r\n            let errorText = await error.json();\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: errorText\r\n            };\r\n        }\r\n\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    const deleteTermSet = async () => {\r\n        let message: IAppMessage;\r\n\r\n        try {\r\n            await app.api.deleteTermSet(termSet!.id);\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                text: \"Term set deleted\"\r\n            };\r\n            setDeleting(false);\r\n            history(\"/termSets\", { replace: true });\r\n        }\r\n        catch (error: any) {\r\n            setDeleting(false);\r\n            let errorText = await error.json();\r\n            message = {\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: errorText\r\n            };\r\n        }\r\n\r\n\r\n        app.setAppMessage(message);\r\n    }\r\n\r\n    const isWorking = () => {\r\n        return saving || deleting;\r\n    }\r\n\r\n    const formOk = () => {\r\n        if (!termSet || !termSet.name || !termSet.code || termSet.name.trim().length === 0 || termSet.code.trim().length === 0) {\r\n            setErrorMessage(\"Name and code is required\");\r\n            return false;\r\n        }\r\n\r\n        setErrorMessage(undefined);\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            setTermSet(ts);\r\n        }\r\n        else {\r\n            setTermSet(undefined);\r\n        }\r\n    }, [isOpen]);\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteTermSet();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!termSet) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            working={isWorking()}\r\n            title={<span><span style={{ fontWeight: 100 }}>Edit</span> {termSet.name}</span>}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"700px\"\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={<Icon iconName=\"EditSolid12\" />}\r\n            errorMessage={errorMessage}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true)\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setSaving(true)\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    <TwoColumns>\r\n                        <AppTextField\r\n                            required\r\n                            autoComplete=\"off\"\r\n                            value={termSet.code}\r\n                            description=\"Code\"\r\n                            onChange={(ev, v) => {\r\n                                setTermSet({\r\n                                    ...termSet,\r\n                                    code: v ? v : \"\"\r\n                                })\r\n                            }}\r\n                        />\r\n                        <AppTextField\r\n                            required\r\n                            autoComplete=\"off\"\r\n                            value={termSet.name}\r\n                            description=\"Name\"\r\n                            onChange={(ev, v) => {\r\n                                setTermSet({ ...termSet, name: v ? v : \"\" });\r\n                            }}\r\n                        />\r\n                    </TwoColumns>\r\n                    <AppTextField\r\n                        multiline\r\n                        value={termSet.description ? termSet.description : \"\"}\r\n                        description=\"Description\"\r\n                        onChange={(ev, v) => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                description: v ? v : \"\"\r\n                            })\r\n                        }}\r\n                    />\r\n                </div>\r\n                <Divider>\r\n                    <div>\r\n                        Count from\r\n                    </div>\r\n                </Divider>\r\n                <div>\r\n                    <CountFrom\r\n                        cf={termSet.countFrom ? termSet.countFrom : { events: [], layCan: { required: false, startHour: 0, startMinute: 0 } }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                countFrom: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                <Divider>\r\n                    <div>\r\n                        Count to\r\n                    </div>\r\n                </Divider>\r\n                <div>\r\n                    <CountTo\r\n                        ct={termSet.countTo ? termSet.countTo : { events: [] }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                countTo: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                <Divider>\r\n                    <div>\r\n                        Time to deduct\r\n                    </div>\r\n                </Divider>\r\n                <div>\r\n                    <Deductions\r\n                        deductions={termSet.deductions ? termSet.deductions : { events: [], excludeHolidays: false, excludeSaturdays: false, excludeSundays: false }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                deductions: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                <Divider>\r\n                    <div>\r\n                        Time to add\r\n                    </div>\r\n                </Divider>\r\n                <div>\r\n                    <Additions\r\n                        additions={termSet.additions ? termSet.additions : { events: [] }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                additions: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n                {/* <Divider>\r\n                    <div>\r\n                        Port splitting\r\n                    </div>\r\n                </Divider>\r\n                <div>\r\n                    <PortSplitting\r\n                        ps={termSet.portSplitting ? termSet.portSplitting : { active: false, loading: 50, discharging: 50 }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                portSplitting: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div> */}\r\n                <Divider>\r\n                    <div>\r\n                        Early loading\r\n                    </div>\r\n                </Divider>\r\n                <div style={{ paddingBottom: \"1px\" }}>\r\n                    <EarlyLoading\r\n                        earlyLoading={termSet.earlyLoading ? termSet.earlyLoading : { active: false, name: \"\", percent: 100, stopHour: 0 }}\r\n                        onChange={_ => {\r\n                            setTermSet({\r\n                                ...termSet,\r\n                                earlyLoading: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n            </Body>\r\n\r\n            <AppDialog\r\n                title=\"Delete term set\"\r\n                subText={`Are you sure you want to delete the term set \"${termSet.name}\"?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    setDeleting(true);\r\n                }}\r\n            />\r\n\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: white;\r\n    box-shadow: rgba(0,0,0,0.2) 0px 2px 1px -1px, rgba(0,0,0,0.14) 0px 1px 1px 0px, rgba(0,0,0,0.12) 0px 1px 3px 0px;\r\n    border-radius: 4px;\r\n\r\n    .card-title {\r\n        padding: 18px 30px 8px;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .card-body {\r\n        font-size: 14px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface ICardSimpleProps {\r\n    title?: any\r\n    bodyPadding?: boolean\r\n}\r\n\r\nexport const CardSimple: FC<ICardSimpleProps> = ({ title, bodyPadding, children }) => {\r\n    return (\r\n        <Container>\r\n            <div className=\"card-title\">\r\n                {title}\r\n            </div>\r\n            <div\r\n                className=\"card-body\"\r\n                style={{\r\n                    padding: bodyPadding ? \"10px 30px 30px\" : undefined\r\n                }}\r\n            >\r\n                {children}\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../blocks/contentPage/ContentPageTitle\";\r\nimport { useTermSetProvider } from \"../../contextHooks/TermSetContext\";\r\nimport { useTermSet } from \"../../api/hooks/useTermSet\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { TermSetEditPanel } from \"./edit/TermSetEditPanel\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useTermSetUsedBy } from \"../../api/hooks/useTermSetUsedBy\";\r\nimport { ITermSetEvent, ITermSetFromToEvent } from \"../../interfaces/demurrage/ITermSet\";\r\nimport { DateTime } from \"luxon\";\r\nimport { CardSimple } from \"../../blocks/cardSimple/CardSimple\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { CargoDirections } from \"../../_enums/CargoDirections\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px;\r\n\r\n    >div {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        gap: 30px;\r\n\r\n        @media (min-width: 1400px) {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n\r\n    .laycan-required {\r\n        background-color: #e7f1ff;\r\n        padding: 20px 30px;\r\n        border-radius: 0 0 4px 4px;\r\n        border-top: 1px solid #bbb;\r\n    }\r\n\r\n    .list {\r\n        margin: -4px 0;\r\n\r\n        >div {\r\n            margin: 4px 0;\r\n        }\r\n    }\r\n\r\n    .list-excludes {\r\n        border-top: 1px solid #eee;\r\n        padding: 16px 0;\r\n\r\n        >div {\r\n            padding: 6px 30px;\r\n            display: flex;\r\n\r\n            >span {\r\n                margin-left: 10px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TermSet: React.FC = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { getDurationString } = useDateFunctions();\r\n    const { data, isValidating } = useTermSet(id);\r\n    const { data: usedBy } = useTermSetUsedBy(id);\r\n    const { termSet, setTermSet } = useTermSetProvider();\r\n    const [editPanelOpen, setEditPanelOpen] = useState(false);\r\n    const history = useNavigate();\r\n\r\n    const countFromToColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            title: \"From event\",\r\n            gridCellWidth: \"1fr\"\r\n        },\r\n        {\r\n            key: \"after\",\r\n            title: \"After\",\r\n            gridCellWidth: \"minmax(50px, auto)\",\r\n            textAlign: \"right\",\r\n            render: (_: ITermSetEvent) => {\r\n                return <span>{getDurationString(_.after * 60 * 1000, false, true)}</span>;\r\n            }\r\n        },\r\n    ];\r\n\r\n    const addDeductColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"from\",\r\n            title: \"From event\",\r\n            gridCellWidth: \"1fr\"\r\n        },\r\n        {\r\n            key: \"to\",\r\n            title: \"To event\",\r\n            gridCellWidth: \"1fr\"\r\n        },\r\n        {\r\n            key: \"Direction\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return <span>{CargoDirections[_.direction]}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"percent\",\r\n            title: \"Percent\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return <span>{_.percent}%</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"after\",\r\n            title: \"After\",\r\n            gridCellWidth: \"minmax(50px, auto)\",\r\n            textAlign: \"right\",\r\n            render: (_: ITermSetFromToEvent) => {\r\n                return <span>{getDurationString(_.after * 60 * 1000, false, true)}</span>;\r\n            }\r\n        },\r\n\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (data) {\r\n            setTermSet(data);\r\n        }\r\n    }, [data])\r\n\r\n    return (\r\n        <ContentPage working={isValidating}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Back to term sets\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        onClick: () => history(\"/termSets\")\r\n                    },\r\n                    {\r\n                        title: \"Edit term set\",\r\n                        icon: <Icon iconName=\"EditSolid12\" />,\r\n                        onClick: () => setEditPanelOpen(true)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"termsets\",\r\n                            title: \"term sets\",\r\n                            url: \"/termSets\"\r\n                        },\r\n                        {\r\n                            id: termSet ? termSet.id.toString() : \"loading\",\r\n                            title: termSet ? termSet.name : \"loading...\",\r\n                            url: `/termSets/${termSet?.id}`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    {termSet ? termSet.name : \"Loading\"}\r\n                </ContentPageTitle>\r\n                {termSet &&\r\n                    <Body>\r\n                        <CardSimple title=\"Properties\" bodyPadding>\r\n                            <div className=\"list\">\r\n                                <div>\r\n                                    Code: {termSet.code ? termSet.code : \"n/a\"}\r\n                                </div>\r\n                                <div>\r\n                                    Description: {termSet.description ? termSet.description : \"n/a\"}\r\n                                </div>\r\n                            </div>\r\n                        </CardSimple>\r\n\r\n                        <div className=\"two-columns\">\r\n                            <CardSimple title=\"Count from\">\r\n                                <AppGridTableNew\r\n                                    noHoverColor\r\n                                    columns={countFromToColumns}\r\n                                    data={termSet.countFrom?.events}\r\n                                />\r\n                                <div className=\"laycan-required\">\r\n                                    {termSet.countFrom?.layCan.required ?\r\n                                        <span>\r\n                                            Laycan required. Count can not start before <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{DateTime.now().set({ hour: termSet.countFrom.layCan.startHour, minute: termSet.countFrom.layCan.startMinute }).toFormat(\"HH:mm\")}</span> on commencing day of laycan.\r\n                                        </span>\r\n                                        :\r\n                                        <span>Laycan not required</span>\r\n                                    }\r\n                                </div>\r\n                            </CardSimple>\r\n                            <CardSimple title=\"Count to\">\r\n                                <AppGridTableNew\r\n                                    noHoverColor\r\n                                    columns={[countFromToColumns[0]]}\r\n                                    data={termSet.countTo?.events}\r\n                                />\r\n                            </CardSimple>\r\n                        </div>\r\n\r\n                        <div className=\"two-columns\">\r\n                            <CardSimple title=\"Time to deduct\">\r\n                                <AppGridTableNew\r\n                                    noHoverColor\r\n                                    columns={addDeductColumns.slice(0, 4)}\r\n                                    data={termSet.deductions?.events}\r\n                                />\r\n                                <div className=\"list-excludes\">\r\n                                    <div>\r\n                                        <OnOffSwitch on={termSet.deductions?.excludeSaturdays} /><span>Exclude Saturdays</span>\r\n                                    </div>\r\n                                    <div>\r\n                                        <OnOffSwitch on={termSet.deductions?.excludeSundays} /><span>Exclude Sundays</span>\r\n                                    </div>\r\n                                </div>\r\n                            </CardSimple>\r\n                            <CardSimple title=\"Time to add\">\r\n                                <AppGridTableNew\r\n                                    noHoverColor\r\n                                    columns={addDeductColumns}\r\n                                    data={termSet.deductions?.events}\r\n                                />\r\n                            </CardSimple>\r\n                        </div>\r\n\r\n                        <CardSimple title=\"Early loading\" bodyPadding>\r\n                            {termSet.earlyLoading?.active\r\n                                ?\r\n                                <span>\r\n                                    Early loading from <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{termSet.earlyLoading.name}</span> at <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{termSet.earlyLoading.percent}</span>%.\r\n                                </span>\r\n                                :\r\n                                <span>\r\n                                    Not active.\r\n                                </span>\r\n                            }\r\n                        </CardSimple>\r\n\r\n\r\n                        {/* <div className=\"two-columns\">\r\n                            <CardSimple title=\"Port splitting\" bodyPadding>\r\n                                {termSet.portSplitting?.active\r\n                                    ?\r\n                                    <span>\r\n                                        Splitting laytime between loading and discharging ports <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{termSet.portSplitting.loading}% / {termSet.portSplitting.discharging}%</span>.\r\n                                    </span>\r\n                                    :\r\n                                    <span>\r\n                                        Not active.\r\n                                    </span>\r\n                                }\r\n                            </CardSimple>\r\n                            <CardSimple title=\"Early loading\" bodyPadding>\r\n                                {termSet.earlyLoading?.active\r\n                                    ?\r\n                                    <span>\r\n                                        Early loading from <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{termSet.earlyLoading.name}</span> at <span style={{ fontWeight: 500, textDecoration: \"underline\" }}>{termSet.earlyLoading.percent}</span>%.\r\n                                    </span>\r\n                                    :\r\n                                    <span>\r\n                                        Not active.\r\n                                    </span>\r\n                                }\r\n                            </CardSimple>\r\n                        </div> */}\r\n                    </Body>\r\n                }\r\n            </ContentPageBody>\r\n\r\n            <TermSetEditPanel\r\n                isOpen={editPanelOpen}\r\n                ts={termSet}\r\n                dismiss={() => setEditPanelOpen(false)}\r\n                commit={_ => {\r\n                    setEditPanelOpen(false);\r\n                    setTermSet(_);\r\n                }}\r\n            />\r\n\r\n        </ContentPage >\r\n    );\r\n};","import useSWR from \"swr\";\r\n\r\nexport const useTermSet = (id: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/termSets/${id}`, {\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPartner } from \"../../interfaces/IPartner\";\r\n\r\nexport const useTermSetUsedBy = (id: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/termSets/${id}/usedBy`, {\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let usedBy: IPartner[] = data ? data : [];\r\n\r\n    return { data: usedBy, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPartnerType } from \"../../interfaces/IPartner\";\r\n\r\nexport const usePartnerTypes = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/partnerTypes\", {\r\n        dedupingInterval: 1000 * 60 * 5,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let partnerTypes: IPartnerType[] = data ? data : [];\r\n\r\n    return { data: partnerTypes, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { usePartnerTypes } from \"../../api/hooks/usePartnerTypes\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { data: partnerTypes } = usePartnerTypes();\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Partners filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Partner types\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select partner types\"\r\n                        selectedKeys={getFilter(filters, \"partnerTypeIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"partnerTypeIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"partnerTypeIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters,\r\n                                    {\r\n                                        property: { name: \"partnerTypeIds\", displayName: \"partner types\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return partnerTypes.find(v => v.id === _)?.name;\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }\r\n                                ));\r\n                            }\r\n                        }}\r\n                        options={partnerTypes.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: _.name\r\n                            }\r\n                        })}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IPartner } from \"../../interfaces/IPartner\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Checkbox, Dropdown, Toggle } from \"@fluentui/react\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { usePartnerTypes } from \"../../api/hooks/usePartnerTypes\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { CbxList } from \"../../blocks/cbxList/CbxList\";\r\nimport { AppSearchBox } from \"../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PartnerEditPanel: React.FC<{ isOpen: boolean, p?: IPartner, commit: (_: IPartner) => void, dismiss: (_?: IPartner) => void }> = ({ isOpen, p, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { data: partnerTypes } = usePartnerTypes();\r\n    const [partner, setPartner] = useState<IPartner | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = p && p.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.savePartner(partner!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${partner!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deletePartner = () => {\r\n        app.api.deletePartner(partner!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${partner!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(partner)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!partner || !partner.name || partner.name.trim().length < 2 || !partner.partnerType) {\r\n            return false;\r\n        }\r\n\r\n        if (partner.trackingActive && (!partner.trackingEmail || partner.trackingEmail.trim().length < 5)) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setPartner(p);\r\n    }, [p])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!partner) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New partner\" : \"Edit\"}</span> {partner.name}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            warningMessage={partner.externalId ? \"Fields originating from external systems cannot be edited\" : undefined}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={partner.externalId\r\n                ? []\r\n                :\r\n                [{\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n                ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!partner.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    required\r\n                    disabled={partner.externalId ? true : false}\r\n                    value={partner.name ? partner.name : \"\"}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <InputWithDescription description=\"Partner type\">\r\n                    <Dropdown\r\n                        required\r\n                        disabled={partner.externalId ? true : false}\r\n                        placeholder=\"Select partner type\"\r\n                        selectedKey={partner.partnerType?.id}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            setPartner({\r\n                                ...partner,\r\n                                partnerType: partnerTypes.find(_ => _.id === item.key)!\r\n                            });\r\n                        }}\r\n                        options={partnerTypes.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: _.name\r\n                            }\r\n                        })}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                {partner.partnerType && partner.partnerType.name === \"Charterer\" &&\r\n                    <AppSearchBox\r\n                        description=\"Default terms\"\r\n                        placeHolder=\"Search for terms\"\r\n                        endPoint=\"termSets/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={partner.termSet}\r\n                        onSelected={_ => {\r\n                            setPartner({\r\n                                ...partner,\r\n                                termSet: _\r\n                            });\r\n                        }}\r\n                    />\r\n                }\r\n\r\n                <AppTextField\r\n                    value={partner.address ? partner.address : \"\"}\r\n                    description=\"Address\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            address: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={partner.zip ? partner.zip : \"\"}\r\n                    description=\"Zip\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            zip: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={partner.city ? partner.city : \"\"}\r\n                    description=\"City\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            city: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={partner.country ? partner.country : \"\"}\r\n                    description=\"Country\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            country: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    required={partner.trackingActive}\r\n                    value={partner.email ? partner.email : \"\"}\r\n                    description=\"Email\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            email: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={partner.trackingEmail ? partner.trackingEmail : \"\"}\r\n                    description=\"Tracking email\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            trackingEmail: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={partner.phone ? partner.phone : \"\"}\r\n                    description=\"Phone\"\r\n                    onChange={(ev, v) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            phone: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete partner?\"\r\n                    subText={`Are you sure you want to delete ${partner.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={() => {\r\n                        deletePartner();\r\n                    }}\r\n                />\r\n\r\n                <Checkbox\r\n                    label=\"Tracking active\"\r\n                    checked={partner.trackingActive}\r\n                    onChange={(ev, checked) => {\r\n                        setPartner({\r\n                            ...partner,\r\n                            trackingActive: checked ? checked : false\r\n                        });\r\n                    }}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { IPartner } from \"../../interfaces/IPartner\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { PartnerEditPanel } from \"./PartnerEditPanel\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { OriginIcon } from \"../../blocks/originIcon/OriginIcon\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Partners = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [partners, setPartners] = useState<IPartner[]>([]);\r\n    const [editPartner, setEditPartner] = useState<IPartner | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"externalId\",\r\n            title: \"Origin\",\r\n            width: \"40px\",\r\n            render: (_: IPartner) => {\r\n                return <OriginIcon externalId={_.externalId} disabled={_.inActive} />\r\n            }\r\n        },\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            key: \"partnerType.name\",\r\n            title: \"Type\"\r\n        },\r\n        {\r\n            key: \"email\",\r\n            width: \"200px\"\r\n        },\r\n        {\r\n            key: \"phone\",\r\n            width: \"200px\"\r\n        },\r\n        {\r\n            key: \"Tracking\",\r\n            width: \"80px\",\r\n            render: (_: IPartner) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={_.trackingActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n        // {\r\n        //     key: \"Active\",\r\n        //     width: \"80px\",\r\n        //     render: (_: IPartner) => {\r\n        //         return (\r\n        //             <OnOffSwitch\r\n        //                 on={!_.inActive}\r\n        //                 onTxt=\"Yes\"\r\n        //                 offTxt=\"No\"\r\n        //             />\r\n        //         );\r\n        //     }\r\n        // }\r\n    ];\r\n\r\n    const rowClick = (p: IPartner) => {\r\n        history(`/partners/${p.id}`);\r\n    }\r\n\r\n    const getPartners = () => {\r\n        app.api.getPartners(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setPartners(_);\r\n                }\r\n                else {\r\n                    setPartners([...partners, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all partners mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const rowStyle = (_: IPartner) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getPartners();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = partners.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditPartner(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [partners, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New partner\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditPartner({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/partners/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"partners\",\r\n                            title: \"partners\",\r\n                            url: \"/partners\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={partners}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <PartnerEditPanel\r\n                p={editPartner}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = partners.findIndex(_ => _.id === p.id);\r\n                    let _partners = partners.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _partners[index] = p;\r\n                    }\r\n                    else {\r\n                        _partners.unshift(p)\r\n                    }\r\n\r\n                    setPartners(_partners);\r\n                    setEditPartner(undefined);\r\n                    history(\"/partners\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditPartner(undefined);\r\n                    history(\"/partners\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setPartners(partners.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IEmail } from '../interfaces/IEmail';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setEmails\", emails: IEmail[] }\r\n    | { type: \"setEmail\", email: IEmail | undefined }\r\n\r\ntype EmailsData = {\r\n    emails?: IEmail[]\r\n    email?: IEmail\r\n}\r\n\r\ninterface IReducers {\r\n    state: EmailsData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    emails: undefined,\r\n    email: undefined\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useEmailsContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: EmailsData, action: ReducerAction): EmailsData => {\r\n    switch (action.type) {\r\n        case \"setEmails\":\r\n            return {\r\n                ...state,\r\n                emails: action.emails\r\n            };\r\n        case \"setEmail\":\r\n            return {\r\n                ...state,\r\n                email: action.email\r\n            };\r\n    }\r\n}\r\n\r\nexport const EmailsContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useEmailsProvider = () => {\r\n    const { state, dispatch } = useEmailsContext();\r\n\r\n    return {\r\n        emails: state.emails,\r\n        email: state.email,\r\n\r\n        setEmails: (emails: IEmail[]) => {\r\n            dispatch({\r\n                type: \"setEmails\",\r\n                emails\r\n            })\r\n        },\r\n\r\n        setEmail: (email?: IEmail) => {\r\n            dispatch({\r\n                type: \"setEmail\",\r\n                email\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\n\r\n//#region Styled Components\r\nconst Action = styled.div<{ disabled?: boolean }>`\r\n    padding: 12px 20px;\r\n    font-size: 14px;\r\n    border-bottom: 1px solid #f1f1f1;\r\n    display: flex;\r\n    color: ${_ => _.disabled ? \"#bbb\" : \"#555\"};\r\n    cursor:  ${_ => _.disabled ? \"default\" : \"pointer\"};;\r\n    \r\n    :hover {\r\n        color:  ${_ => _.disabled ? undefined : \"#4177bf\"};\r\n    }\r\n`;\r\n\r\nconst SubMenuIcon = styled.div`\r\n    width: 26px;\r\n`;\r\n//#endregion \r\n\r\nexport const CalloutMenu: React.FC<{ actions: IPageAction[] }> = ({ actions }) => {\r\n    return (\r\n        <>\r\n            {actions.filter(_ => !_.hidden).map(a => {\r\n                return (\r\n                    <Action\r\n                        key={`CalloutMenuAction_${a.title}`}\r\n                        disabled={a.disabled}\r\n                        onClick={() => {\r\n                            if (!a.disabled && a.onClick) {\r\n                                a.onClick();\r\n                            }\r\n                        }}\r\n                    >\r\n                        {a.icon &&\r\n                            <SubMenuIcon>\r\n                                {a.icon}\r\n                            </SubMenuIcon>\r\n                        }\r\n                        <div>\r\n                            {a.title}\r\n                        </div>\r\n                    </Action>\r\n                );\r\n            })}\r\n        </>\r\n    );\r\n};","import { Callout, Spinner, SpinnerSize } from \"@fluentui/react\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPageAction } from \"../../../interfaces/IPageAction\";\r\nimport { CalloutMenu } from \"../../calloutMenu/CalloutMenu\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ disabled?: boolean }>`\r\n    width: 55px;\r\n    height: 55px;\r\n    font-size: 18px;\r\n    display: flex;\r\n    position: relative;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: ${_ => _.disabled ? \"#ccc\" : undefined};\r\n    cursor: ${_ => _.disabled ? undefined : \"pointer\"};\r\n\r\n    :hover {\r\n        color: ${_ => _.disabled ? undefined : \"#4177bf\"} ;\r\n    }\r\n`;\r\n\r\nconst Chevron = styled.div`\r\n    font-size: 10px;\r\n    position: absolute;\r\n    right: 5px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n`;\r\n//#endregion \r\n\r\nexport const ContentPageSubHeaderAction: React.FC<{ action: IPageAction }> = ({ action }) => {\r\n    const [menuOpen, setMenuOpen] = useState(false);\r\n    const containerId = useId('callout-button');\r\n\r\n    if (action.render) {\r\n        return action.render();\r\n    }\r\n\r\n    return (\r\n        <Container\r\n            id={containerId}\r\n            title={action.items ? undefined : action.hoverTitle ? action.hoverTitle : action.title}\r\n            disabled={action.disabled}\r\n            onClick={() => {\r\n                if (action.disabled || action.working) {\r\n                    return;\r\n                }\r\n\r\n                if (action.items && action.items.length > 0) {\r\n                    setMenuOpen(!menuOpen);\r\n                }\r\n                else if (action.onClick) {\r\n                    action.onClick();\r\n                }\r\n            }}\r\n        >\r\n            {action.working\r\n                ? <Spinner size={SpinnerSize.medium} />\r\n                : action.icon\r\n            }\r\n            {action.items &&\r\n                <Chevron>\r\n                    <FontAwesomeIcon icon={faChevronDown} />\r\n                    {menuOpen &&\r\n                        <Callout\r\n                            gapSpace={-9}\r\n                            target={`#${containerId}`}\r\n                            onDismiss={() => setMenuOpen(false)}\r\n                        >\r\n                            <CalloutMenu actions={action.items} />\r\n                        </Callout>\r\n                    }\r\n                </Chevron>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPageAction } from \"../../../interfaces/IPageAction\";\r\nimport { IPageActionsSection } from \"../../../interfaces/IPageActionsSection\";\r\nimport { ContentPageSubHeaderAction } from \"./ContentPageSubHeaderAction\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: #fafafa;\r\n    color: #555;\r\n    border-bottom: 1px solid #ddd;\r\n    display: flex;\r\n`;\r\n\r\nconst Sections = styled.div`\r\n    display: flex;\r\n    flex-grow: 1;\r\n`;\r\n\r\nconst Section = styled.div<{ lineColor?: string }>`\r\n    position: relative;\r\n    padding: 0 15px;\r\n    border-right: 1px solid #ddd;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-bottom: 2px solid ${_ => _.lineColor ? _.lineColor : \"transparent\"};\r\n\r\n    >div:first-child {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    :hover {\r\n        >div:last-child {\r\n            color: #666;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Actions = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst SectionTitle = styled.div`\r\n    color: #aaa;\r\n    text-align: center;\r\n    font-size: 9px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 0px 0 10px;\r\n    margin-top: -12px;\r\n`;\r\n\r\nconst Modules = styled.div`\r\n    display: flex;\r\n    padding: 0 15px;\r\n    color: black;\r\n`;\r\n\r\nconst Module = styled.div<{ active: boolean, disabled?: boolean }>`\r\n    width: 60px;\r\n    font-size: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-top: 4px solid transparent;\r\n    border-bottom: 4px solid ${_ => _.active ? \"#a0c9ff\" : \"transparent\"};\r\n    background-color: ${_ => _.active ? \"#4177bf\" : undefined};\r\n    color: ${_ => _.disabled ? \"#ccc\" : _.active ? \"white\" : undefined};\r\n    cursor: ${_ => _.disabled ? \"default\" : _.active ? undefined : \"pointer\"};\r\n\r\n    :hover {\r\n        color: ${_ => _.disabled ? \"#ccc\" : _.active ? undefined : \"#4177bf\"};\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IFixtureModuleHeaderProps {\r\n    sections: IPageActionsSection[],\r\n    modules?: IPageAction[]\r\n}\r\n\r\nexport const ContentPageSubHeader: React.FC<IFixtureModuleHeaderProps> = ({ sections, modules }) => {\r\n    return (\r\n        <Container>\r\n            <Sections>\r\n                {sections.map(section => {\r\n                    return (\r\n                        <Section key={`Section_${section.title}`} lineColor={section.lineColor}>\r\n                            <Actions>\r\n                                {section.actions.map(action => {\r\n                                    return (\r\n                                        <ContentPageSubHeaderAction\r\n                                            key={action.title}\r\n                                            action={action}\r\n                                        />\r\n                                    );\r\n                                })}\r\n                            </Actions>\r\n                            <SectionTitle>\r\n                                {section.title}\r\n                            </SectionTitle>\r\n                        </Section>\r\n                    );\r\n                })}\r\n            </Sections>\r\n            <Modules>\r\n                {modules?.map(_ => {\r\n                    return (\r\n                        <Module\r\n                            key={`Module_${_.title}`}\r\n                            title={_.disabled ? `${_.title} - Disabled` : _.title}\r\n                            active={_.active ? _.active : false}\r\n                            disabled={_.disabled}\r\n                            onClick={() => {\r\n                                if (!_.disabled && _.onClick) {\r\n                                    _.onClick();\r\n                                }\r\n                            }}\r\n                        >\r\n                            {_.icon}\r\n                        </Module>\r\n                    );\r\n                })}\r\n            </Modules>\r\n        </Container >\r\n    );\r\n};","export enum EmailCategory {\r\n    Demurrage = 1\r\n}","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IEmailSend } from '../interfaces/IEmail';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setEmail\", email: IEmailSend | undefined }\r\n\r\ntype EmailData = {\r\n    email?: IEmailSend\r\n}\r\n\r\ninterface IReducers {\r\n    state: EmailData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    email: undefined\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useEmailContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: EmailData, action: ReducerAction): EmailData => {\r\n    switch (action.type) {\r\n        case \"setEmail\":\r\n            return {\r\n                ...state,\r\n                email: action.email\r\n            };\r\n    }\r\n}\r\n\r\nexport const EmailContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useEmailProvider = () => {\r\n    const { state, dispatch } = useEmailContext();\r\n\r\n    return {\r\n        email: state.email,\r\n\r\n        setEmail: (email?: IEmailSend) => {\r\n            dispatch({\r\n                type: \"setEmail\",\r\n                email\r\n            })\r\n        }\r\n    };\r\n};","import { Callout, DirectionalHint, ITextField, TextField } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { useEmailFunctions } from \"../../../../../hooks/useEmailFunctions\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { IEmailAddress } from \"../../../../../interfaces/IEmail\";\r\nimport { IPartner } from \"../../../../../interfaces/IPartner\";\r\nimport { ProgressBar } from \"../../../../../components/progressBar/ProgressBar\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ hasFocus: boolean, search: string }>`\r\n    flex-grow: 1;\r\n    position: relative;\r\n`;\r\n\r\nconst Progress = styled.div`\r\n    position: absolute;\r\n    bottom: 1px;\r\n    padding: 0 1px;\r\n    width: calc(100% - 2px);\r\n`;\r\n\r\nconst Results = styled.div`\r\n    .result {\r\n        padding: 10px 20px;\r\n        border-bottom: 1px solid #ddd;\r\n        border-top: none;\r\n        cursor: pointer;\r\n\r\n        .name {\r\n            font-weight: 500;\r\n        }\r\n\r\n        .address {\r\n            font-size: 12px;\r\n            color: #999;\r\n        }\r\n\r\n        :last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        :hover {\r\n            color: #4177bf;\r\n        }\r\n    }\r\n\r\n    .selected {\r\n        background-color: #4177bf;\r\n        color: white;\r\n\r\n        .address {\r\n            font-size: 12px;\r\n            color: #ccc;\r\n        }\r\n\r\n        :hover {\r\n            color: white;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nlet searchTimeout: any = null;\r\n\r\ninterface IEmailUserAndDesc {\r\n    emailAddress: IEmailAddress,\r\n    desc?: string\r\n}\r\n\r\nexport const EmailRecipientsInput: React.FC<{ refSet: (ref: ITextField | null) => void, onAdd: (_: IEmailAddress[]) => void, onRemoveLast: () => void }> = ({ refSet, onAdd, onRemoveLast }) => {\r\n    const { app } = useAppContext();\r\n    const [search, setSearch] = useState(\"\");\r\n    const [searching, setSearching] = useState(false);\r\n    const [searchResults, setSearchResults] = useState<IEmailUserAndDesc[]>([]);\r\n    const [selectedIndex, setSelectedIndex] = useState(-1);\r\n    const [hasFocus, { toggle: toggleHasFocus }] = useBoolean(false);\r\n    const { isValid } = useEmailFunctions();\r\n    const inputId = useId('results');\r\n    const { splitBy } = useStringFunctions();\r\n    let inputRef: ITextField | null = null;\r\n\r\n    const getAccounts = () => {\r\n        let _senders = [...splitBy(app.currentCustomerRole.customer.office365Settings!.emailAccounts!, /,|;/)];\r\n        if (app.me.email && app.me.email.trim().length > 0) {\r\n            _senders.push(app.me.email);\r\n        }\r\n        return _senders.join(\";\")\r\n    }\r\n\r\n    const getPeople = () => {\r\n        setSearching(true);\r\n        let _results: IEmailUserAndDesc[] = [];\r\n        let promises: Promise<any>[] = [\r\n            app.api.getEmailPeople(search, getAccounts())\r\n                .then(_ => {\r\n                    _.forEach((p: IEmailAddress) => {\r\n                        _results.push({\r\n                            emailAddress: p,\r\n                            desc: \"Office 365\"\r\n                        });\r\n                    });\r\n                }),\r\n            app.api.search(\"partners/search\", search)\r\n                .then(_ => {\r\n                    _.forEach((p: IPartner) => {\r\n                        if (p.name && p.email) {\r\n                            _results.push({\r\n                                emailAddress: {\r\n                                    address: p.email!,\r\n                                    name: p.name!\r\n                                },\r\n                                desc: p.partnerType?.name\r\n                            });\r\n                        }\r\n                    });\r\n                })\r\n        ];\r\n\r\n        Promise.all(promises)\r\n            .then(_ => {\r\n                setSearchResults(_results.sort((a, b) => { return a.emailAddress.name.toLowerCase() > b.emailAddress.name.toLowerCase() ? 1 : -1; }));\r\n                setSelectedIndex(0);\r\n                setSearching(false);\r\n            })\r\n            .catch(err => {\r\n                console.log(err);\r\n                setSearching(false);\r\n            });\r\n    }\r\n\r\n    const validateEmails = () => {\r\n        let split = search.split(/[;,]+/);\r\n        let _search = search;\r\n        let _valid: IEmailAddress[] = [];\r\n\r\n        split.forEach(_ => {\r\n            let trimmed = _.trim();\r\n            if (trimmed.length > 0 && isValid(trimmed)) {\r\n                _valid.push({\r\n                    name: trimmed,\r\n                    address: trimmed\r\n                });\r\n            }\r\n        });\r\n\r\n        // Add new recipients\r\n        onAdd(_valid);\r\n\r\n        // Clean up the textfield\r\n        _valid.forEach(_ => {\r\n            _search = _search.replaceAll(_.address, \"\");\r\n        });\r\n\r\n        let _serachSplitted = _search.split(/[;,]+/).filter(_ => _.trim().length > 0);\r\n        setSearch(_serachSplitted.join(\", \"));\r\n    }\r\n\r\n    const selectIndex = (next: boolean) => {\r\n        if (searchResults.length === 0) {\r\n            return;\r\n        }\r\n\r\n        var newIndex = 0;\r\n        if (next) {\r\n            selectedIndex === searchResults.length - 1\r\n                ? newIndex = 0\r\n                : newIndex = selectedIndex + 1;\r\n        }\r\n        else {\r\n            selectedIndex === 0\r\n                ? newIndex = searchResults.length - 1\r\n                : newIndex = selectedIndex - 1;\r\n        }\r\n\r\n        setSelectedIndex(newIndex);\r\n    }\r\n\r\n    const onKeyDown = (ev: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n        switch (ev.key) {\r\n            case \"Escape\":\r\n                setSearchResults([]);\r\n                ev.stopPropagation();\r\n                break;\r\n            case \"Backspace\":\r\n                setSearchResults([]);\r\n                if (search.length === 0) {\r\n                    onRemoveLast();\r\n                }\r\n                break;\r\n            case \"ArrowUp\":\r\n                selectIndex(false);\r\n                break;\r\n            case \"ArrowDown\":\r\n                selectIndex(true);\r\n                break;\r\n            case \"Enter\":\r\n                if (searchResults[selectedIndex]) {\r\n                    onAdd([searchResults[selectedIndex].emailAddress]);\r\n                    setSearchResults([]);\r\n                    setSearch(\"\");\r\n                }\r\n                else {\r\n                    // Validate if no search results\r\n                    validateEmails();\r\n                }\r\n                break;\r\n            case \",\":\r\n                ev.preventDefault();\r\n                validateEmails();\r\n                break;\r\n            case \";\":\r\n                ev.preventDefault();\r\n                validateEmails();\r\n                break;\r\n            case \"Tab\":\r\n                if (searchResults[selectedIndex]) {\r\n                    onAdd([searchResults[selectedIndex].emailAddress]);\r\n                    setSearchResults([]);\r\n                    setSearch(\"\");\r\n                }\r\n                break;\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (search.length >= 2 && search.indexOf(\",\") < 0 && search.indexOf(\";\") < 0) {\r\n            clearTimeout(searchTimeout);\r\n            searchTimeout = setTimeout(() => {\r\n                getPeople();\r\n            }, 500);\r\n        }\r\n    }, [search])\r\n\r\n    return (\r\n        <Container hasFocus={hasFocus} search={search}>\r\n            <TextField\r\n                id={inputId}\r\n                className=\"input\"\r\n                autoComplete=\"off\"\r\n                placeholder=\"recipient@company.com\"\r\n                value={search}\r\n                onKeyDown={onKeyDown}\r\n                onFocus={toggleHasFocus}\r\n                componentRef={_ => {\r\n                    inputRef = _;\r\n                    refSet(_);\r\n                }}\r\n                onBlur={() => {\r\n                    toggleHasFocus();\r\n                    validateEmails()\r\n                }}\r\n                onChange={(ev, v) => {\r\n                    setSearch(v ? v : \"\");\r\n                }}\r\n                styles={{\r\n                    field: {\r\n                        border: \"1px solid #bbb\",\r\n                        borderColor: hasFocus ? \"#4177bf\" : \"#bbb\",\r\n                        textDecoration: hasFocus ? undefined : search.trim().length > 0 ? \"line-through\" : \"unset\",\r\n                        borderRadius: \"4px\",\r\n                        backgroundColor: \"#f8f8f8\",\r\n                        padding: \"0 10px 2px\",\r\n                        \"::placeholder\": {\r\n                            color: \"#bbb\"\r\n                        }\r\n                    },\r\n                    fieldGroup: {\r\n                        border: \"none\",\r\n                        height: \"33px\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    }\r\n                }}\r\n            />\r\n\r\n            <Progress>\r\n                <ProgressBar\r\n                    height=\"1px\"\r\n                    visible={searching}\r\n                />\r\n            </Progress>\r\n\r\n            {searchResults.length > 0 &&\r\n                <Callout\r\n                    target={`#${inputId}`}\r\n                    isBeakVisible={false}\r\n                    directionalHint={DirectionalHint.bottomLeftEdge}\r\n                    onDismiss={() => setSearchResults([])}\r\n                >\r\n                    <Results>\r\n                        {searchResults.map((_, i) => {\r\n                            return (\r\n                                <div\r\n                                    className={`result ${selectedIndex === i ? \"selected\" : \"\"}`}\r\n                                    key={`SearchResult_${i}`}\r\n                                    onClick={() => {\r\n                                        onAdd([searchResults[i].emailAddress]);\r\n                                        setSearchResults([]);\r\n                                        setSearch(\"\");\r\n\r\n                                        if (inputRef) {\r\n                                            inputRef.focus();\r\n                                        }\r\n                                    }}\r\n                                >\r\n                                    <div className=\"name\">{_.emailAddress.name}</div>\r\n                                    <div className=\"address\">{_.desc} | {_.emailAddress.address}</div>\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </Results>\r\n                </Callout>\r\n            }\r\n        </Container>\r\n    );\r\n};","import { ITextField } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faClose } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IEmailAddress } from \"../../../../../interfaces/IEmail\";\r\nimport { EmailRecipientsInput } from \"./EmailRecipientsInput\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0px 30px 16px;\r\n\r\n    .header {\r\n        color: #aaa;\r\n        padding-bottom: 8px;\r\n    }\r\n\r\n    .header.has-focus {\r\n        color: #4177bf;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .recipients {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        margin: -6px -6px;\r\n\r\n        >div {\r\n            margin: 6px 6px;\r\n        }\r\n\r\n        .resolved {\r\n            border: 1px solid #21bf21;\r\n            border-radius: 4px;\r\n            display: flex;\r\n            height: 31px;\r\n            padding-left: 10px;\r\n\r\n            .name {\r\n                white-space: nowrap;\r\n                padding: 5px 6px 0 0;\r\n            }\r\n\r\n            .icon {\r\n                padding: 6px 10px 0 10px;\r\n                font-size: 14px;\r\n                cursor: pointer;\r\n                border-radius: 0 4px 4px 0;\r\n\r\n                :hover {\r\n                    background-color: #ffdddd;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EmailRecipients: React.FC<{ header: string, recipients: IEmailAddress[], onChange: (recipients: IEmailAddress[]) => void }> = ({ header, recipients, onChange }) => {\r\n    const [hasFocus, { toggle: toggleHasFocus }] = useBoolean(false);\r\n    let inputRef: ITextField | null = null;\r\n\r\n    return (\r\n        <Container\r\n            onClick={() => inputRef?.focus()}\r\n            onFocus={toggleHasFocus}\r\n            onBlur={toggleHasFocus}\r\n        >\r\n            <div className={`header ${hasFocus ? \"has-focus\" : \"\"}`}>\r\n                {header}{recipients.length > 0 ? ` (${recipients.length})` : \"\"}\r\n            </div>\r\n            <div className=\"recipients\">\r\n                {/* Resolved recipients */}\r\n                {recipients.map((_, i) => {\r\n                    return (\r\n                        <div className=\"resolved\" key={`Recipient_${i}`}>\r\n                            <div className=\"name\" title={_.address}>\r\n                                {_.name ? _.name : _.address}\r\n                            </div>\r\n                            <div\r\n                                className=\"icon\"\r\n                                title=\"Remove\"\r\n                                onClick={ev => {\r\n                                    let newRecipients = [...recipients];\r\n                                    newRecipients.splice(i, 1);\r\n                                    onChange(newRecipients);\r\n                                }}\r\n                            >\r\n                                <FontAwesomeIcon icon={faClose} />\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n                <EmailRecipientsInput\r\n                    refSet={_ => inputRef = _}\r\n                    onAdd={_ => onChange([...recipients, ..._])}\r\n                    onRemoveLast={() => {\r\n                        if (recipients.length > 0) {\r\n                            let _recipients = recipients;\r\n                            _recipients.pop();\r\n                            onChange([..._recipients]);\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { Callout, DirectionalHint } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { faCaretDown, faCaretUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { IEmailAddress } from \"../../../../../interfaces/IEmail\";\r\nimport { useEmailFunctions } from \"../../../../../hooks/useEmailFunctions\";\r\nimport { useAppProvider } from \"../../../../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ multi: boolean }>`\r\n    padding: 20px 30px 16px;\r\n    width: fit-content;\r\n\r\n    .header {\r\n        color: #aaa;\r\n    }\r\n\r\n    .account {\r\n        padding: 2px 0;\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n\r\n        .account-arrow {\r\n            display: none;\r\n            padding: 0 10px;\r\n        }\r\n    }\r\n\r\n    ${_ => _.multi\r\n        ? css`\r\n            cursor: pointer;\r\n\r\n            .account {\r\n                .account-arrow {\r\n                    display: block\r\n                }\r\n            }\r\n\r\n            :hover {\r\n                .account {\r\n                    color: #4177bf;\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n\r\nconst Accounts = styled.div`\r\n    >div {\r\n        padding: 12px 22px;\r\n        border-bottom: 1px solid #ddd;\r\n        cursor: pointer;\r\n        \r\n        :hover {\r\n            background-color: #fafafa;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FromEmailAccount: React.FC<{ sender: IEmailAddress, onChange: (address: string) => void }> = ({ sender, onChange }) => {\r\n    const { app } = useAppContext();\r\n    const { user } = useAppProvider();\r\n    const { getSenders } = useEmailFunctions();\r\n    const [calloutOpen, { toggle: toggleCalloutOpen }] = useBoolean(false);\r\n    const calloutAnchor = useId('callout-anchor');\r\n    const senders = getSenders(user.email, app.currentCustomerRole.customer.office365Settings?.emailAccounts);\r\n\r\n    return (\r\n        <Container onClick={toggleCalloutOpen} multi={senders.length > 1}>\r\n            <div className=\"header\">\r\n                From (on behalf of)\r\n            </div>\r\n            <div className=\"account\" id={calloutAnchor}>\r\n                <div>\r\n                    {sender.address}\r\n                </div>\r\n                <div className=\"account-arrow\">\r\n                    <FontAwesomeIcon icon={calloutOpen ? faCaretUp : faCaretDown} />\r\n                </div>\r\n            </div>\r\n            {senders.length > 1 && calloutOpen &&\r\n                <Callout\r\n                    target={`#${calloutAnchor}`}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                    onDismiss={toggleCalloutOpen}\r\n                >\r\n                    <Accounts>\r\n                        {senders.map(_ => {\r\n                            return (\r\n                                <div\r\n                                    key={`EmailAccount_${_}`}\r\n                                    onClick={() => {\r\n                                        onChange(_);\r\n                                        toggleCalloutOpen();\r\n                                    }}\r\n                                >\r\n                                    {_}\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </Accounts>\r\n                </Callout>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailProvider } from \"../../../../../contextHooks/EmailContext\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useFileFunctions } from \"../../../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0px 0 12px;\r\n\r\n    .header {\r\n        padding: 0px 0 0 30px;\r\n        margin-bottom: 4px;\r\n        color: #aaa;\r\n    }\r\n\r\n    .attachments {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        padding: 0 24px;\r\n\r\n\r\n        .attachment {\r\n            display: flex;\r\n            border: 1px solid #ccc;\r\n            height: 31px;\r\n            padding: 0 10px;\r\n            margin: 6px;\r\n            border-radius: 4px;\r\n\r\n            .icon {\r\n                padding: 4px 6px 0 0;\r\n            }\r\n            \r\n            .name {\r\n                padding-top: 4px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EmailAttachments = () => {\r\n    const { email } = useEmailProvider();\r\n    const { getExtension, getFileSize } = useFileFunctions();\r\n\r\n    const totalFileSize = () => {\r\n        let total = 0;\r\n        email?.referenceAttachments?.forEach(_ => total += _.size ? _.size : 0);\r\n        return getFileSize(total);\r\n    }\r\n\r\n    if (!email || !email.referenceAttachments || email.referenceAttachments.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                Attachments ({email.referenceAttachments.length}) - {totalFileSize()}\r\n            </div>\r\n            <div className=\"attachments\">\r\n                {email?.referenceAttachments?.map(a => {\r\n                    return (\r\n                        <div className=\"attachment\" key={a.id}>\r\n                            <div className=\"icon\">\r\n                                <Icon {...getFileTypeIconProps({ extension: getExtension(a.name), size: 20, imageFileType: 'png' })} />\r\n                            </div>\r\n                            <div className=\"name\">\r\n                                {a.name}, {getFileSize(a.size ? a.size : 0)}\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import { Checkbox, Icon, TextField } from \"@fluentui/react\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useRecentFiles } from \"../../../../../api/hooks/useRecentFiles\";\r\nimport { IDocument } from \"../../../../../interfaces/IDocument\";\r\nimport { useFixtureByNumber } from \"../../../../../api/hooks/useFixtureByNumber\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useEmailProvider } from \"../../../../../contextHooks/EmailContext\";\r\nimport { useDocumentFolder } from \"../../../../../api/hooks/useDocumentFolder\";\r\nimport { AnimatedBars } from \"../../../../animatedBars/AnimatedBars\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useFileFunctions } from \"../../../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: #f1f1f1;\r\n    min-height: 100%;\r\n    border-right: 1px solid #ddd;\r\n    \r\n    .info {\r\n        padding: 20px 30px 0;\r\n    }\r\n\r\n    .header {\r\n        padding: 20px 30px 10px;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .search {\r\n        padding: 0 30px 10px;\r\n        position: relative;\r\n\r\n        .bars {\r\n            position: absolute;\r\n            top: 9px;\r\n            right: 40px;\r\n        }\r\n    }\r\n\r\n    .files {\r\n        padding: 4px 0px;\r\n\r\n        .file {\r\n            display: grid;\r\n            grid-template-columns: 36px 26px 1fr;\r\n            padding: 12px 30px 6px;\r\n\r\n            .filename {\r\n                white-space: nowrap;\r\n                overflow-x: hidden;\r\n                text-overflow: ellipsis;\r\n            }\r\n\r\n            :hover {\r\n                background-color: white;\r\n            }\r\n        }\r\n    }\r\n\r\n    .link {\r\n        :hover {\r\n            color: #4177bf;\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .no-files {\r\n        padding: 4px 30px;\r\n    }\r\n\r\n    >div:last-child {\r\n        padding-bottom: 20px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AttachmentsPicker: React.FC<{ defaultFixtureNumber?: string }> = ({ defaultFixtureNumber }) => {\r\n    // State\r\n    const [searchString, setSearchString] = useState<string>(\"\");\r\n    const [fixtureNumber, setFixtureNumber] = useState<string>(\"\");\r\n    const [docFolderProps, setDocFolderProps] = useState<{ librayName: string, folderPath: string } | undefined>();\r\n\r\n    // Functions\r\n    const { email, setEmail } = useEmailProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { fixture } = useFixtureByNumber(fixtureNumber);\r\n    const { recentFiles } = useRecentFiles();\r\n    const { folder: fixtureFolder, isValidating: fetchingFixtureFolder } = useDocumentFolder(docFolderProps?.librayName, docFolderProps?.folderPath);\r\n\r\n    const toggle = (document: IDocument, checked: boolean) => {\r\n\r\n        let referenceAttachments = email?.referenceAttachments ? email.referenceAttachments : [];\r\n        let exists = referenceAttachments.find(_ => _.id === document.id);\r\n\r\n        referenceAttachments = exists\r\n            ? referenceAttachments.filter(_ => _.id !== document.id)\r\n            : [...referenceAttachments, document];\r\n\r\n        setEmail({ ...email!, referenceAttachments });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fixture && fixture.fixtureNumber) {\r\n            setDocFolderProps({\r\n                librayName: `Fixtures ${makeDateObject(fixture!.created!).toFormat(\"yyyy\")}`,\r\n                folderPath: fixture.fixtureNumber.toString()\r\n            });\r\n        }\r\n        else {\r\n            setDocFolderProps(undefined);\r\n        }\r\n    }, [fixture])\r\n\r\n    useEffect(() => {\r\n        if (defaultFixtureNumber) {\r\n            setSearchString(defaultFixtureNumber);\r\n            setFixtureNumber(defaultFixtureNumber);\r\n        }\r\n    }, [defaultFixtureNumber])\r\n\r\n    return (\r\n        <Container>\r\n            {/* <div className=\"info\">\r\n                Select files to attach them to the email, or <span style={{ color: \"#4177bf\" }} className=\"link\">click here to add files from your computer</span>.\r\n            </div> */}\r\n\r\n            <div className=\"header\">\r\n                Fixture {fixture?.fixtureNumber} files\r\n            </div>\r\n            <div className=\"search\">\r\n                <TextField\r\n                    autoFocus\r\n                    autoComplete=\"off\"\r\n                    placeholder=\"Enter fixture number and hit Enter\"\r\n                    value={searchString}\r\n                    onChange={(ev, v) => setSearchString(v ? v : \"\")}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            setFixtureNumber(searchString);\r\n                        }\r\n                    }}\r\n                    styles={{\r\n                        field: {\r\n\r\n                        },\r\n                        fieldGroup: {\r\n                            border: \"1px solid #ddd\",\r\n                            borderRadius: \"4px\",\r\n                            \":after\": {\r\n                                border: \"none\"\r\n                            }\r\n                        }\r\n                    }}\r\n                />\r\n                {fetchingFixtureFolder && !fixtureFolder &&\r\n                    <div className=\"bars\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            barWidth=\"3px\"\r\n                            altBarColor=\"#bbb\"\r\n                            barColor=\"#333\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n            {fixture && fixtureFolder && fixtureFolder.documents.length > 0\r\n                ?\r\n                <div className=\"files\">\r\n                    {fixtureFolder.documents.map(f => {\r\n                        return (\r\n                            <Attachment\r\n                                key={f.id}\r\n                                file={f}\r\n                                checked={email?.referenceAttachments?.find(_ => _.id === f.id) ? true : false}\r\n                                toggle={checked => toggle(f, checked)}\r\n                            />\r\n                        );\r\n                    })}\r\n                </div>\r\n                :\r\n                <div className=\"no-files\">\r\n                    No files found\r\n                </div>\r\n            }\r\n            <div className=\"header\">\r\n                Recent files\r\n            </div>\r\n            {recentFiles && recentFiles.length > 0\r\n                ?\r\n                <div className=\"files\">\r\n                    {recentFiles.map(f => {\r\n                        return (\r\n                            <Attachment\r\n                                key={f.id}\r\n                                file={f}\r\n                                checked={email?.referenceAttachments?.find(_ => _.id === f.id) ? true : false}\r\n                                toggle={checked => toggle(f, checked)}\r\n                            />\r\n                        );\r\n                    })}\r\n                </div>\r\n                :\r\n                <div className=\"no-files\">\r\n                    No recent files found. Make sure you have consentet to permissions for Office 365.\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n};\r\n\r\nconst Attachment: React.FC<{ file: IDocument, checked: boolean, toggle: (checked: boolean) => void }> = ({ file, checked, toggle }) => {\r\n    const { getExtension } = useFileFunctions();\r\n\r\n    return (\r\n        <div className=\"file\">\r\n            <div>\r\n                <Checkbox\r\n                    checked={checked}\r\n                    onChange={(ev, checked) => toggle(checked ? true : false)}\r\n                />\r\n            </div>\r\n            <div>\r\n                <Icon {...getFileTypeIconProps({ extension: getExtension(file.name), size: 20, imageFileType: 'png' })} />\r\n            </div>\r\n            <div className=\"filename link\" title={`Open ${file.name}`} onClick={() => window.open(file.webUrl, \"_blank\")}>\r\n                {file.name}\r\n            </div>\r\n        </div>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IFixture } from \"../../interfaces/IFixture\";\r\n\r\nexport const useFixtureByNumber = (fixtureNumber?: string) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(fixtureNumber && fixtureNumber.trim().length > 0 ? `/fixtures/GetByFixtureNumber?fixtureNumber=${fixtureNumber}` : null, {\r\n        dedupingInterval: 60 * 1000,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let fixture: IFixture | undefined = data;\r\n\r\n    return { fixture, error, fetching, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IDocument } from \"../../interfaces/IDocument\";\r\n\r\nexport const useRecentFiles = () => {\r\n    let graphScopes = \"Files.Read\";\r\n\r\n    const { data, error, isValidating, mutate } = useSWR([\"/documents/recent\", \"GET\", undefined, graphScopes], {\r\n        errorRetryCount: 0,\r\n        dedupingInterval: 60 * 1000,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let recentFiles: IDocument[] | undefined = data;\r\n\r\n    return { recentFiles, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IDocumentFolder } from \"../../interfaces/IDocumentFolder\";\r\n\r\nexport const useDocumentFolder = (libraryName?: string, folderPath?: string) => {\r\n    let graphScopes = \"Files.Read\";\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(libraryName && folderPath ? [`/documents/folder?libraryName=${libraryName}&folderPath=${folderPath}`, \"GET\", undefined, graphScopes] : null, {\r\n        errorRetryCount: 0,\r\n        dedupingInterval: 0, //60 * 1000,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let folder: IDocumentFolder | undefined = data;\r\n\r\n    return { folder, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport { ITextField, TextField } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailProvider } from \"../../../../../contextHooks/EmailContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0px 30px 16px;\r\n\r\n    .header {\r\n        color: #aaa;\r\n        padding-bottom: 8px;\r\n    }\r\n\r\n    .header.has-focus {\r\n        color: #4177bf;\r\n        font-weight: 500;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EmailSubject: React.FC<{ onTab: () => void }> = ({ onTab }) => {\r\n    const { email, setEmail } = useEmailProvider();\r\n    const [hasFocus, { toggle: toggleHasFocus }] = useBoolean(false);\r\n    let inputRef: ITextField | null = null;\r\n\r\n    if (!email) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container\r\n            onClick={() => inputRef?.focus()}\r\n            onFocus={toggleHasFocus}\r\n            onBlur={toggleHasFocus}\r\n        >\r\n            <div className={`header ${hasFocus ? \"has-focus\" : \"\"}`}>\r\n                Subject\r\n            </div>\r\n            <div className=\"textfield\">\r\n                <TextField\r\n                    autoComplete=\"off\"\r\n                    componentRef={_ => inputRef = _}\r\n                    value={email.subject}\r\n                    onChange={(ev, v) => {\r\n                        setEmail({\r\n                            ...email,\r\n                            subject: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Tab\") {\r\n                            ev.preventDefault();\r\n                            onTab();\r\n                        }\r\n                    }}\r\n                    styles={{\r\n                        field: {\r\n                            border: \"1px solid #bbb\",\r\n                            borderColor: hasFocus ? \"#4177bf\" : \"#bbb\",\r\n                            borderRadius: \"4px\",\r\n                            backgroundColor: \"#f8f8f8\",\r\n                            padding: \"0 10px 2px\",\r\n                            \"::placeholder\": {\r\n                                color: \"#bbb\"\r\n                            }\r\n                        },\r\n                        fieldGroup: {\r\n                            border: \"none\",\r\n                            height: \"33px\",\r\n                            \":after\": {\r\n                                border: \"none\"\r\n                            }\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailProvider } from \"../../../../../contextHooks/EmailContext\";\r\nimport { Editor } from \"../../../../editor/Editor\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0px 30px 10px;\r\n\r\n    .header {\r\n        color: #aaa;\r\n        padding-bottom: 8px;\r\n    }\r\n\r\n    .header.has-focus {\r\n        color: #4177bf;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .editor {\r\n        .quill {\r\n            display: grid;\r\n            grid-template-rows: auto 1fr;\r\n        }\r\n\r\n        .ql-toolbar {\r\n            border-radius: 4px 4px 0 0;\r\n        }\r\n        \r\n        .ql-container {\r\n            border-radius: 0 0 4px 4px;\r\n        }\r\n\r\n        .ql-editor {\r\n            min-height: 200px;\r\n            padding: 20px;\r\n            font-size: 14px;\r\n        }\r\n    }\r\n\r\n    .editor.has-focus {\r\n        .ql-toolbar {\r\n            border-color: #4177bf;\r\n            border-bottom-color: #ccc;\r\n        }\r\n        \r\n        .ql-container {\r\n            border-color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const EmailBody = () => {\r\n    const { email, setEmail } = useEmailProvider();\r\n    const [hasFocus, { toggle: toggleHasFocus }] = useBoolean(false);\r\n\r\n    // let emailBodyRef: HTMLDivElement | null;\r\n\r\n    if (!email) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container\r\n            // onClick={() => emailBodyRef?.focus()}\r\n            onFocus={toggleHasFocus}\r\n            onBlur={toggleHasFocus}\r\n            className=\"has-focus\"\r\n        >\r\n            <div className={`header ${hasFocus ? \"has-focus\" : \"\"}`}>\r\n                Body\r\n            </div>\r\n            <div className={`editor ${hasFocus ? \"has-focus\" : \"\"}`}>\r\n                <Editor\r\n                    value={email.body.content}\r\n                    onChange={v => {\r\n                        setEmail({\r\n                            ...email,\r\n                            body: {\r\n                                ...email.body,\r\n                                content: v\r\n                            }\r\n                        });\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { faPaperPlane, faPaperclip } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { EmailContextProvider, useEmailProvider } from \"../../../contextHooks/EmailContext\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useEmailFunctions } from \"../../../hooks/useEmailFunctions\";\r\nimport { IEmailSend, IEmailAddress, IEmailUser, IEmail } from \"../../../interfaces/IEmail\";\r\nimport { ComposeEmailAction } from \"../../../_enums/ComposeEmailAction\";\r\nimport { EmailCategory } from \"../../../_enums/EmailCategory\";\r\nimport { EmailRecipients } from \"./modules/EmailRecipients/EmailRecipients\";\r\nimport { FromEmailAccount } from \"./modules/FromEmailAccount/FromEmailAccount\";\r\nimport { EmailAttachments } from \"./modules/Attachments/EmailAttachments\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { IFixture } from \"../../../interfaces/IFixture\";\r\nimport { AttachmentsPicker } from \"./modules/AttachmentsPicker/AttachmentsPicker\";\r\nimport { EmailSubject } from \"./modules/EmailSubject/EmailSubject\";\r\nimport { EmailBody } from \"./modules/EmailBody/EmailBody\";\r\nimport { useUserSettingsExtended } from \"../../../api/hooks/useUserSettingsExtended\";\r\nimport { AppPanelNew } from \"../../appPanel/AppPanelNew\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\nimport { useAppProvider } from \"../../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div<{ attachmentsPickerOpen: boolean }>`\r\n    height: 100%;\r\n    overflow-y: auto;\r\n\r\n    ${_ => _.attachmentsPickerOpen\r\n        ? css`\r\n            display: grid;    \r\n            grid-template-columns: 350px 1fr;\r\n        `\r\n        : undefined\r\n    }\r\n\r\n\r\n    >div {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .compose {\r\n        display: grid;\r\n        grid-template-rows: auto 1fr;\r\n        padding-bottom: 20px;\r\n\r\n        .size-warning {\r\n            background-color: #ffdada;\r\n            padding: 15px 30px;\r\n            border-left: 1px solid #ffbaba;\r\n            border-bottom: 1px solid #ff7f7f;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IComposeEmailProps {\r\n    isOpen: boolean\r\n    fixture?: IFixture\r\n    onSent: (email: IEmailSend) => void\r\n    dismiss: () => void\r\n    sourceEmail?: IEmailSend\r\n    subject?: string\r\n    action: ComposeEmailAction\r\n}\r\n\r\nexport const ComposeEmail: React.FC<IComposeEmailProps> = (props) => {\r\n    return (\r\n        <EmailContextProvider>\r\n            <ComposePanel {...props} />\r\n        </EmailContextProvider>\r\n    );\r\n};\r\n\r\nconst ComposePanel: React.FC<IComposeEmailProps> = ({ isOpen, fixture, onSent, dismiss, sourceEmail, subject, action }) => {\r\n    // Deprecated\r\n    const { app } = useAppContext();\r\n\r\n    // New using provider\r\n    const { currentCompanyRole, user } = useAppProvider();\r\n\r\n    const { getError } = useRest();\r\n    const { getFileSize, getFileSizeInMegaBytes } = useFileFunctions();\r\n    const { email, setEmail } = useEmailProvider();\r\n    const { createEmail, getIcon, getSenders, getTitle, mapContainersToEmails } = useEmailFunctions();\r\n    const { userSettingsExtended } = useUserSettingsExtended();\r\n    const [sending, setSending] = useState(false);\r\n    const [attachmentsPickerOpen, setAttatchmentsPickerOpen] = useState(false)\r\n\r\n    const keyDown = (ev: KeyboardEvent) => {\r\n        if (ev.key === \"Escape\") {\r\n            ev.stopImmediatePropagation();\r\n        }\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!email || email.toRecipients.length === 0 || email.subject.trim().length === 0 || email.body.content.trim().length === 0) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const sendEmail = async () => {\r\n        let _email: IEmail = {\r\n            ...email!,\r\n            body: {\r\n                contentType: email!.body.contentType,\r\n                content: email!.body.content.replaceAll(\"<p>\", \"<p style='margin: 0;'>\")\r\n            }\r\n        }\r\n\r\n        let sendOnBehalfOf = _email.from.emailAddress.address !== user.email;\r\n\r\n        try {\r\n            let emailContainer = await app.api.sendEmailDirect(_email, sendOnBehalfOf, EmailCategory.Demurrage, fixture?.id);\r\n            let _ = mapContainersToEmails([emailContainer])[0];\r\n\r\n            onSent(_);\r\n            app.setAppMessage({\r\n                text: \"Message sent\",\r\n                icon: <FontAwesomeIcon icon={faPaperPlane} />,\r\n                ttl: 2500\r\n            });\r\n        }\r\n        catch (err) {\r\n            app.setAppMessage({\r\n                isError: true,\r\n                text: await getError(err),\r\n                ttl: 8000\r\n            });\r\n        }\r\n\r\n        setSending(false);\r\n    }\r\n\r\n    const totalFileSizeInMb = () => {\r\n        let total = 0;\r\n        email?.referenceAttachments?.forEach(_ => total += _.size ? _.size : 0);\r\n        return getFileSizeInMegaBytes(total);\r\n    }\r\n\r\n    const totalFileSize = () => {\r\n        let total = 0;\r\n        email?.referenceAttachments?.forEach(_ => total += _.size ? _.size : 0);\r\n        return getFileSize(total, 2);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (isOpen) {\r\n            let senders = getSenders(user.email, currentCompanyRole?.customer.office365Settings?.emailAccounts);\r\n\r\n            if (senders.length === 0) {\r\n                app.setAppMessage({ text: \"No valid accounts found\" })\r\n                dismiss();\r\n                return;\r\n            }\r\n\r\n            let fromAddress = \"\";\r\n\r\n            if (user.settings && user.settings.defaultEmailFromAddress && senders.indexOf(user.settings.defaultEmailFromAddress) >= 0) {\r\n                fromAddress = user.settings.defaultEmailFromAddress;\r\n            }\r\n            else {\r\n                fromAddress = senders[0];\r\n            }\r\n\r\n            // Create email\r\n            let sender: IEmailAddress = { address: fromAddress, name: \"\" };\r\n            let _email = createEmail(action, sender, sourceEmail, subject, userSettingsExtended?.mailSignature);\r\n\r\n            if (fixture) {\r\n                setAttatchmentsPickerOpen(true);\r\n            }\r\n\r\n            setEmail(_email);\r\n\r\n            // Add event listener\r\n            window.addEventListener(\"keydown\", keyDown);\r\n        }\r\n        else {\r\n            setEmail(undefined);\r\n            setAttatchmentsPickerOpen(false)\r\n        }\r\n\r\n        return (() => {\r\n            window.removeEventListener(\"keydown\", keyDown);\r\n        });\r\n    }, [isOpen])\r\n\r\n    useEffect(() => {\r\n        if (userSettingsExtended && userSettingsExtended.mailSignature && email && action === ComposeEmailAction.New) {\r\n            setEmail({\r\n                ...email,\r\n                body: {\r\n                    content: `<p><br /></p><p><br /></p><p><br /></p>${userSettingsExtended.mailSignature}<p><br /></p><p><br /></p>`,\r\n                    contentType: \"html\"\r\n                },\r\n            })\r\n\r\n        }\r\n    }, [userSettingsExtended])\r\n\r\n    useEffect(() => {\r\n        if (sending) {\r\n            sendEmail();\r\n        }\r\n    }, [sending])\r\n\r\n    if (!email) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            isLightDismiss={false}\r\n            working={sending}\r\n            title={getTitle(action, sourceEmail)}\r\n            panelType={PanelType.custom}\r\n            customWidth={attachmentsPickerOpen ? \"1250px\" : \"900px\"}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            icon={getIcon(action)}\r\n            footerActions={[\r\n                {\r\n                    title: \"Attachments\",\r\n                    icon: <FontAwesomeIcon icon={faPaperclip} />,\r\n                    onClick: () => setAttatchmentsPickerOpen(!attachmentsPickerOpen),\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Send\",\r\n                    type: \"Primary\",\r\n                    icon: \"Send\",\r\n                    onClick: () => setSending(true),\r\n                    disabled: !isValid() || totalFileSizeInMb() > 35,\r\n                },\r\n                {\r\n                    title: \"Close\",\r\n                    onClick: () => dismiss()\r\n                }\r\n            ]}\r\n        >\r\n            <Body attachmentsPickerOpen={attachmentsPickerOpen}>\r\n                {attachmentsPickerOpen &&\r\n                    <div className=\"attachments-picker\">\r\n                        <AttachmentsPicker defaultFixtureNumber={fixture?.fixtureNumber} />\r\n                    </div>\r\n                }\r\n                <div className=\"compose\">\r\n                    <div>\r\n                        {totalFileSizeInMb() > 35 &&\r\n                            <div className=\"size-warning\">\r\n                                Message can't be sent because it's too large. The limit is 35 MB. Your message is {totalFileSize()}\r\n                            </div>\r\n                        }\r\n                        <FromEmailAccount\r\n                            sender={email.sender.emailAddress}\r\n                            onChange={_ => {\r\n                                setEmail({\r\n                                    ...email,\r\n                                    from: {\r\n                                        emailAddress: {\r\n                                            address: _,\r\n                                            name: \"\"\r\n                                        }\r\n                                    },\r\n                                    sender: {\r\n                                        emailAddress: {\r\n                                            address: _,\r\n                                            name: \"\"\r\n                                        }\r\n                                    }\r\n                                })\r\n                            }}\r\n                        />\r\n                        <EmailRecipients\r\n                            header=\"Recipients\"\r\n                            recipients={email.toRecipients.map(_ => _.emailAddress)}\r\n                            onChange={_ => {\r\n                                setEmail({\r\n                                    ...email,\r\n                                    toRecipients: _.map(r => {\r\n                                        let emailUser: IEmailUser = {\r\n                                            emailAddress: r\r\n                                        }\r\n                                        return emailUser;\r\n                                    })\r\n                                })\r\n                            }}\r\n                        />\r\n                        <EmailRecipients\r\n                            header=\"CC receipients\"\r\n                            recipients={email.ccRecipients ? email.ccRecipients.map(_ => _.emailAddress) : []}\r\n                            onChange={_ => {\r\n                                setEmail({\r\n                                    ...email,\r\n                                    ccRecipients: _.map(r => {\r\n                                        let emailUser: IEmailUser = {\r\n                                            emailAddress: r\r\n                                        }\r\n                                        return emailUser;\r\n                                    })\r\n                                })\r\n                            }}\r\n                        />\r\n                        <EmailAttachments />\r\n                        <EmailSubject\r\n                            onTab={() => {\r\n                                let collection = document.getElementsByClassName(\"ql-editor\");\r\n                                if (collection && collection.length > 0) {\r\n                                    let divAny: any = collection[0];\r\n                                    let editorDiv: HTMLDivElement = divAny;\r\n                                    editorDiv.focus();\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <EmailBody />\r\n                </div>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useFileFunctions } from \"../../../../hooks/useFileFunctions\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IEmailAttachment } from \"../../../../interfaces/IEmailAttachment\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { ProgressBar } from \"../../../../components/progressBar/ProgressBar\";\r\nimport { IEmail } from \"../../../../interfaces/IEmail\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    position: relative;\r\n    border: 1px solid #ccc;\r\n    margin: 7px 10px;\r\n    padding: 6px 12px 4px;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n\r\n    .name-and-size {\r\n        display: flex;\r\n\r\n        >div {\r\n            padding: 1px 0 0 7px;\r\n        }\r\n    }\r\n\r\n    .progress {\r\n        position: absolute;\r\n        width: 100%;\r\n        left: 0;\r\n        bottom: 0;\r\n    }\r\n\r\n    :hover {\r\n        background-color: #fafafa;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailAttachment: React.FC<{ email: IEmail, attachment: IEmailAttachment }> = ({ email, attachment }) => {\r\n    const { app } = useAppContext();\r\n    const { getExtension, getFileSize } = useFileFunctions();\r\n    const { getError } = useRest()\r\n    const { convertBase64ToArrayBuffer } = useStringFunctions();\r\n    const [downloading, setDownloading] = useState(false);\r\n\r\n    const createDownloadLink = (base64: string) => {\r\n        let bytes = convertBase64ToArrayBuffer(base64);\r\n\r\n        if (!bytes) {\r\n            alert(\"Unable to download file\")\r\n            return;\r\n        }\r\n\r\n        let blob = new Blob([bytes], { type: attachment.contentType });\r\n        const link = document.createElement('a');\r\n\r\n        // Browsers that support HTML5 download attribute\r\n        if (link.download !== undefined) {\r\n            const url = URL.createObjectURL(blob);\r\n            link.setAttribute('href', url);\r\n            link.setAttribute('download', attachment.displayName ? attachment.displayName : attachment.name);\r\n            link.style.visibility = 'hidden';\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n        }\r\n        else {\r\n            alert(\"Your browser does not support this type of download\");\r\n        }\r\n    }\r\n\r\n    const downloadAttachment = () => {\r\n        app.api.downloadEmailAttachment(email!.dbId, attachment.dbId)\r\n            .then(_ => {\r\n                createDownloadLink(_);\r\n                setDownloading(false);\r\n            })\r\n            .catch(async err => {\r\n                setDownloading(false);\r\n                app.setAppMessage({ text: await getError(err) });\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (downloading) {\r\n            downloadAttachment();\r\n        }\r\n    }, [downloading])\r\n\r\n    return (\r\n        <Container\r\n            onClick={() => {\r\n                if (!downloading) {\r\n                    setDownloading(true)\r\n                }\r\n            }}\r\n        >\r\n            <div>\r\n                <Icon {...getFileTypeIconProps({ extension: getExtension(attachment.name), size: 20, imageFileType: 'png' })} />\r\n            </div>\r\n            <div className=\"name-and-size\">\r\n                <div>\r\n                    {attachment.displayName ? attachment.displayName : attachment.name}\r\n                </div>\r\n                <div>\r\n                    {getFileSize(attachment.size)}\r\n                </div>\r\n            </div>\r\n            <div className=\"progress\">\r\n                <ProgressBar\r\n                    visible={downloading}\r\n                    height=\"1px\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../../../contextHooks/EmailsContext\";\r\nimport { EmailAttachment } from \"./EmailAttachment\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    font-size: 14px;\r\n    padding: 5px 20px 0px;\r\n    background-color: white;\r\n`;\r\n//#endregion \r\n\r\nexport const EmailAttachments: React.FC = () => {\r\n    const { email } = useEmailsProvider();\r\n\r\n    if (!email || email.attachments?.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {email.attachments?.filter(_ => !_.isInline).map(_ => {\r\n                return (\r\n                    <EmailAttachment\r\n                        key={`Attachment_${_.dbId}`}\r\n                        email={email}\r\n                        attachment={_}\r\n                    />\r\n                );\r\n            })}\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../../../contextHooks/EmailsContext\";\r\nimport { useEmail } from \"../../../../api/hooks/useEmail\";\r\nimport { useEmailFunctions } from \"../../../../hooks/useEmailFunctions\";\r\nimport { IEmail } from \"../../../../interfaces/IEmail\";\r\nimport { AnimatedBars } from \"../../../animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        flex-grow: 1;\r\n        padding: 10px 30px 30px;\r\n        background-color: white !important;\r\n        white-space: normal !important;\r\n        word-break: break-all !important;\r\n\r\n        img {\r\n            max-width: 100%;\r\n        }\r\n    }\r\n\r\n    .loading {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailBody: React.FC = () => {\r\n    const { email, setEmail } = useEmailsProvider();\r\n    const { emailContainer, fetching } = useEmail(email?.dbId, 1000 * 60 * 60);\r\n    const { mapContainersToEmails } = useEmailFunctions();\r\n    const [body, setBody] = useState<string | undefined>();\r\n\r\n    const replaceInlineImages = (_email: IEmail) => {\r\n        if (_email.body.contentType === \"html\") {\r\n            let _body = _email!.body.content;\r\n\r\n            _email!.attachments?.filter(_ => _.isInline).forEach(a => {\r\n                _body = _body?.replaceAll(\r\n                    new RegExp(`src=\"cid:${a.contentId}\"`, \"g\"),\r\n                    `src=\"data:${a.contentType};base64,${a.contentBytes}\"`\r\n                );\r\n            });\r\n\r\n            // Remove the style tag. If not, styles will be added to the rest of the page\r\n            _body = _body?.replaceAll(\r\n                new RegExp(\"<style>.*</style>\", \"gs\"),\r\n                \"\"\r\n            );\r\n\r\n            setBody(_body);\r\n        }\r\n        else {\r\n            setBody(_email!.body.content);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setBody(\"\");\r\n\r\n        if (emailContainer) {\r\n            let _ = mapContainersToEmails([emailContainer])[0];\r\n            setEmail(_);\r\n            replaceInlineImages(_);\r\n        }\r\n    }, [emailContainer]);\r\n\r\n    return (\r\n        <Container>\r\n            {!body && fetching\r\n                ?\r\n                <div className=\"loading\">\r\n                    <AnimatedBars\r\n                        barColor=\"#eee\"\r\n                        altBarColor=\"#aaa\"\r\n                        height=\"28px\"\r\n                        text=\"Just a seconds, fetching email content...\"\r\n                    />\r\n                </div>\r\n                :\r\n                <div dangerouslySetInnerHTML={{ __html: body! }} />\r\n            }\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IEmailContainer } from \"../../interfaces/IEmail\";\r\n\r\nexport const useEmail = (emailId?: number, dedupingInterval?: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(emailId ? `/emails/${emailId}` : null, {\r\n        dedupingInterval\r\n    });\r\n\r\n    let emailContainer: IEmailContainer = data;\r\n\r\n    return { emailContainer, error, fetching, mutate };\r\n};","import { faClock, faStopCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../../../contextHooks/EmailsContext\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { EmailStatus } from \"../../../../_enums/EmailStatus\";\r\nimport { DateString } from \"../../../dateString/DateString\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ cancelled: boolean }>`\r\n    background-color: ${_ => _.cancelled ? \"#ffc5c5\" : \"#ffffe1\"};\r\n    padding: 14px 30px 13px !important;\r\n    display: flex;\r\n    font-size: 14px;\r\n    color: #333;\r\n\r\n    >div:nth-child(2) {\r\n        margin-left: 5px;\r\n    }\r\n\r\n    .link {\r\n        cursor: pointer;\r\n        color: #4177bf;\r\n\r\n        :hover {\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailScheduleSend: React.FC<{ onClick: () => void }> = ({ onClick }) => {\r\n    const { email } = useEmailsProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const getInfo = () => {\r\n        if (email!.status === EmailStatus.Cancelled) {\r\n            return <>Email was scheduled to be sent <DateString date={email!.scheduledSend} short /> but was cancelled</>;\r\n        }\r\n        else if (email!.status === EmailStatus.Scheduled) {\r\n            let shouldHaveBeenSent = email && email.scheduledSend && makeDateObject(email.scheduledSend) < DateTime.now().minus({ \"seconds\": 2 }) ? true : false;\r\n\r\n            return shouldHaveBeenSent\r\n                ? <>Scheduled sending delayed. Was scheduled to be sent <DateString date={email!.scheduledSend} short /></>\r\n                : <>Email is scheduled by the system to be sent <b>{makeDateObject(email!.scheduledSend!).toRelative({ locale: \"en-US\" })}</b>. <span className=\"link\" onClick={onClick}>Cancel email</span></>;\r\n        }\r\n\r\n        if (!email || !email.scheduledSend || email.status === EmailStatus.Sent) {\r\n            return null;\r\n        }\r\n    }\r\n\r\n    if(!email || !email.scheduledSend || email.status === EmailStatus.Sent) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container cancelled={email!.status === EmailStatus.Cancelled}>\r\n            <div>\r\n                <FontAwesomeIcon icon={email!.status === EmailStatus.Cancelled ? faStopCircle : faClock} />\r\n            </div>\r\n            <div>\r\n                {getInfo()}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../../../contextHooks/EmailsContext\";\r\nimport { DateString } from \"../../../dateString/DateString\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n   background-color: #4177bf;\r\n   color: white;\r\n   \r\n   >div {\r\n        padding: 16px 30px 18px;\r\n   }\r\n`;\r\n\r\nconst Date = styled.div`\r\n   font-size: 11px;\r\n   font-weight: 500;\r\n   text-transform: uppercase;\r\n   letter-spacing: .5px;\r\n   padding-bottom: 5px;\r\n`;\r\n\r\nconst Subject = styled.div`\r\n   font-size: 26px;\r\n   padding-bottom: 10px;\r\n`;\r\n\r\nconst Addresses = styled.div`\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n\r\n    >div {\r\n        display: grid;\r\n        grid-template-columns: 50px 1fr;\r\n        margin-bottom: 5px;\r\n\r\n        >div:first-child {\r\n            width: 55px;\r\n            color: #ccc;\r\n            font-weight: 500;\r\n            letter-spacing: .5px;\r\n        }\r\n\r\n        >div:last-child {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            margin: 0 -5px;\r\n\r\n            >div {\r\n                margin: 0 5px 5px;\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailHeader: React.FC = () => {\r\n    const { email } = useEmailsProvider();\r\n\r\n    if (!email) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div>\r\n                <Date>\r\n                    <DateString date={email.receivedDateTime} />\r\n                </Date>\r\n                <Subject>\r\n                    {email.subject}\r\n                </Subject>\r\n                <Addresses>\r\n                    <div>\r\n                        <div>\r\n                            From:\r\n                        </div>\r\n                        <div title={email.from.emailAddress.address}>\r\n                            <div>\r\n                                {email.from.emailAddress.name ? email.from.emailAddress.name : email.from.emailAddress.address};\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            To:\r\n                        </div>\r\n                        <div>\r\n                            {email.toRecipients.map((_, i) => {\r\n                                return (\r\n                                    <div key={`to_${i}`} title={_.emailAddress.address}>\r\n                                        {_.emailAddress.name ? _.emailAddress.name : _.emailAddress.address};\r\n                                    </div>\r\n                                );\r\n                            })}\r\n                        </div>\r\n                    </div>\r\n                    {email.ccRecipients && email.ccRecipients.length > 0 &&\r\n                        <div>\r\n                            <div>\r\n                                Cc:\r\n                            </div>\r\n                            <div>\r\n                                {email.ccRecipients.map((_, i) => {\r\n                                    return (\r\n                                        <div key={`cc_${i}`} title={_.emailAddress.address}>\r\n                                            {_.emailAddress.name ? _.emailAddress.name : _.emailAddress.address};\r\n                                        </div>\r\n                                    );\r\n                                })}\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                </Addresses>\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailFixtures } from \"../../../../api/hooks/useEmailFixtures\";\r\nimport { useEmailsProvider } from \"../../../../contextHooks/EmailsContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IFixture } from \"../../../../interfaces/IFixture\";\r\nimport { AppSearchBox } from \"../../../appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px 30px 15px;\r\n    background-color: white;\r\n    display: grid;\r\n    grid-template-columns: 250px 1fr;\r\n`;\r\n\r\nconst Tags = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: -5px 0 -5px 15px;\r\n    align-items: center;\r\n`;\r\n\r\nconst Tag = styled.div`\r\n    display: flex;\r\n    background-color: #4177bf;\r\n    color: white;\r\n    margin: 5px 10px;\r\n    padding: 5px 10px;\r\n    font-size: 12px;\r\n    border-radius: 4px;\r\n    align-items: center;\r\n    height: fit-content;\r\n    cursor: pointer;\r\n    letter-spacing: .5px;\r\n\r\n    >div:last-child {\r\n        padding-left: 5px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailTagger: React.FC = () => {\r\n    const { email } = useEmailsProvider();\r\n    const { app } = useAppContext();\r\n    const { emailFixtures, mutate } = useEmailFixtures(email?.dbId);\r\n\r\n    const mapFixture = (fixtureId: number) => {\r\n        app.api.mapFixtureToEmail(email!.dbId, fixtureId)\r\n            .then(() => mutate());\r\n    }\r\n\r\n    const unmapFixture = (fixtureId: number) => {\r\n        app.api.unmapFixtureFromEmail(email!.dbId, fixtureId)\r\n            .then(() => mutate());\r\n    }\r\n\r\n    if (!email) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <AppSearchBox\r\n                placeHolder=\"Search for fixture and tag email\"\r\n                endPoint=\"fixtures/search\"\r\n                keyProp=\"id\"\r\n                titleProp=\"fixtureNumber\"\r\n                minLengthBeforeSearhing={2}\r\n                onSelected={(_: IFixture) => mapFixture(_.id)}\r\n                customResultTitle={(f: IFixture) => {\r\n                    return `f#: ${f.fixtureNumber}, c: ${f.charterer?.name}`;\r\n                }}\r\n                customResultDescription={(f: IFixture) => {\r\n                    return `Voyage: ${f.voyage?.voyageNumber}, Vessel: ${f.voyage?.vessel.name}`;\r\n                }}\r\n            />\r\n            {emailFixtures.length > 0 &&\r\n                <Tags>\r\n                    {emailFixtures.map(_ => {\r\n                        return (\r\n                            <Tag key={`Tag:${_.id}`} onClick={() => unmapFixture(_.id)} title=\"Click to remove mapping\">\r\n                                <div>\r\n                                    {_.fixtureNumber}\r\n                                </div>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faTimes} />\r\n                                </div>\r\n                            </Tag>\r\n                        );\r\n                    })}\r\n                </Tags>\r\n            }\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IFixture } from \"../../interfaces/IFixture\";\r\n\r\nexport const useEmailFixtures = (emailId?: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(`/emails/${emailId}/fixtures`, {\r\n        // dedupingInterval: 0,\r\n        // errorRetryCount: 0,\r\n        // revalidateOnFocus: false,\r\n        // revalidateOnReconnect: false\r\n    });\r\n\r\n    let emailFixtures: IFixture[] = data ? data: [];\r\n\r\n    return { emailFixtures, error, fetching, mutate };\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../../contextHooks/EmailsContext\";\r\nimport { EmailAttachments } from \"./modules/EmailAttachments\";\r\nimport { EmailBody } from \"./modules/EmailBody\";\r\nimport { EmailScheduleSend } from \"./modules/EmailScheduleSend\";\r\nimport { EmailHeader } from \"./modules/EmailHeader\";\r\nimport { EmailTagger } from \"./modules/EmailTagger\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEnvelope } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 6px 6px #ccc;\r\n    overflow-y: auto;\r\n    z-index: 1;\r\n`;\r\n\r\nconst NotSelected = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #dfdfdf;\r\n    font-size: 100px;\r\n    border-left: 1px solid #ddd;\r\n`;\r\n//#endregion \r\n\r\nexport const Email: React.FC<{ toggleCancel: () => void }> = ({ toggleCancel }) => {\r\n    const { email } = useEmailsProvider();\r\n\r\n    if (!email) {\r\n        return (\r\n            <NotSelected>\r\n                <FontAwesomeIcon icon={faEnvelope} />\r\n            </NotSelected>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <EmailScheduleSend onClick={toggleCancel} />\r\n            <EmailHeader />\r\n            <EmailTagger />\r\n            <EmailAttachments />\r\n            <EmailBody />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon, Spinner, SpinnerSize } from \"@fluentui/react\";\r\nimport { faBolt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useEmailsProvider } from \"../../contextHooks/EmailsContext\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IEmail, IEmailUser } from \"../../interfaces/IEmail\";\r\nimport { EmailDirection } from \"../../_enums/EmailDirection\";\r\nimport { EmailStatus } from \"../../_enums/EmailStatus\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ selected: boolean }>`\r\n    border-bottom: 1px solid #ccc;\r\n    cursor: pointer;\r\n    background-color: ${_ => _.selected ? \"#e2f2ff\" : \"white\"};\r\n    position: relative;\r\n\r\n    .inner-container {\r\n        display: flex;\r\n        padding: 12px 20px 14px 10px;\r\n    }\r\n\r\n    :hover {\r\n        background-color: ${_ => _.selected ? \"#e2f2ff\" : \"#fafafa\"} ;\r\n    }\r\n`;\r\n\r\nconst Icons = styled.div`\r\n    min-width: 22px;\r\n    max-width: 22px;\r\n    display: flex;\r\n    padding-top: 2px;\r\n`;\r\n\r\nconst Main = styled.div`\r\n    flex-grow: 1;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n`;\r\n\r\nconst DateAndDirection = styled.div`\r\n    text-transform: uppercase;\r\n    font-size: 11px;\r\n    padding-bottom: 3px;\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        font-weight: 700;\r\n        color: #4177bf;\r\n        flex-grow: 1;\r\n    }\r\n`;\r\n\r\nconst Direction = styled.div`\r\n    color: #aaa;\r\n    letter-spacing: .5px;\r\n    font-size: 10px;\r\n`;\r\n\r\nconst Queued = styled.div`\r\n    color: #aaa;\r\n    letter-spacing: .5px;\r\n    font-size: 10px;\r\n    position: relative;\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        left: -18px;\r\n        top: 1px;\r\n    }\r\n`;\r\n\r\nconst Scheduled = styled.div`\r\n    color: #4177bf;\r\n    letter-spacing: .5px;\r\n    font-size: 10px;\r\n    position: relative;\r\n    font-weight: 700;\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        left: -18px;\r\n        top: -1px;\r\n        font-size: 12px;\r\n    }\r\n`;\r\n\r\nconst FromTo = styled.div<{ inbox: boolean, cancelled: boolean }>`\r\n    display: flex;\r\n    padding-bottom: 3px;\r\n\r\n    >div:first-child {\r\n        color: ${_ => _.cancelled ? \"#d54545\" : _.inbox ? \"#32ad32\" : \"#4177bf\"};\r\n        min-width: 23px;\r\n        max-width: 23px;\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        i {\r\n            transform: ${_ => _.inbox ? \"rotate(225deg)\" : \"rotate(135deg)\"};\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n        font-weight: 500;\r\n        color: #444;\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n`;\r\n\r\nconst Subject = styled.div<{ cancelled: boolean, isSystem: boolean }>`\r\n    font-size: 14px;\r\n    white-space: nowrap;\r\n    overflow-x: hidden;\r\n    text-overflow: ellipsis;\r\n    color: #888;\r\n    text-decoration: ${_ => _.cancelled ? \"line-through\" : undefined};\r\n    width: ${_ => _.isSystem ? \"calc(100% - 30px)\" : undefined};\r\n`;\r\n\r\nconst SystemEmail = styled.div`\r\n    position: absolute;\r\n    bottom: 12px;\r\n    right: 20px;\r\n    font-size: 10px;\r\n    height: 21px;\r\n    width: 21px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    background-color: rgb(65, 119, 191, 1);\r\n    color: white;\r\n    box-shadow: 0 0 2px #888;\r\n`;\r\n//#endregion\r\n\r\nexport const EmailsListItem: React.FC<{ email: IEmail }> = ({ email }) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { email: selectedEmail, setEmail } = useEmailsProvider();\r\n    const selected = selectedEmail?.dbId === email.dbId;\r\n    const cancelled = email.status === EmailStatus.Cancelled;\r\n\r\n    const onClick = () => {\r\n        setEmail(email);\r\n    }\r\n\r\n    const getFromTo = () => {\r\n        if (email.direction === EmailDirection.In) {\r\n            return email.from.emailAddress.name ? email.from.emailAddress.name : email.from.emailAddress.address;\r\n        }\r\n\r\n        let fromTo: IEmailUser[] = email.toRecipients;\r\n\r\n        if (email.ccRecipients) {\r\n            fromTo = fromTo.concat(email.ccRecipients);\r\n        }\r\n\r\n        if (email.bccRecipients) {\r\n            fromTo = fromTo.concat(email.bccRecipients);\r\n        }\r\n\r\n        return fromTo.map(_ => {\r\n            return _.emailAddress.name ? _.emailAddress.name : _.emailAddress.address;\r\n        }).join(\"; \");\r\n    }\r\n\r\n    const getStatus = (): JSX.Element => {\r\n        if (email.status === EmailStatus.Queued) {\r\n            return (\r\n                <Queued>\r\n                    <div>\r\n                        <Spinner size={SpinnerSize.xSmall} />\r\n                    </div>\r\n                    <div>\r\n                        Sending\r\n                    </div>\r\n                </Queued>\r\n            );\r\n        }\r\n\r\n        if (email.status === EmailStatus.Scheduled) {\r\n            return (\r\n                <Scheduled title={email.scheduledSend ? `Scheduled to send ${makeDateObject(email.scheduledSend).toFormat(\"dd MMM. @ HH.mm:ss\")}` : undefined}>\r\n                    <div>\r\n                        <Icon iconName=\"Clock\" />\r\n                    </div>\r\n                    <div>\r\n                        Scheduled\r\n                    </div>\r\n                </Scheduled>\r\n            );\r\n        }\r\n        return <Direction>{email.direction === EmailDirection.In ? \"Inbox\" : EmailStatus[email.status]}</Direction>;\r\n    }\r\n\r\n    return (\r\n        <Container onClick={onClick} selected={selected}>\r\n            <div className=\"inner-container\">\r\n                <Icons>\r\n                    {email.hasAttachments &&\r\n                        <div>\r\n                            <Icon iconName=\"Attach\" />\r\n                        </div>\r\n                    }\r\n                </Icons>\r\n                <Main>\r\n                    <DateAndDirection>\r\n                        <div>\r\n                            {makeDateObject(email.receivedDateTime).toFormat(\"dd MMM. yyyy HH:mm\")}\r\n                        </div>\r\n                        {getStatus()}\r\n                    </DateAndDirection>\r\n                    <FromTo inbox={email.direction === EmailDirection.In} cancelled={email.status === EmailStatus.Cancelled}>\r\n                        <div>\r\n                            <Icon iconName=\"SkypeCircleArrow\" />\r\n                        </div>\r\n                        <div style={{ textDecoration: cancelled ? \"line-through\" : undefined }}>\r\n                            {getFromTo()}\r\n                        </div>\r\n                    </FromTo>\r\n                    <Subject cancelled={cancelled} isSystem={email.sendAsCustomer ? false : true}>\r\n                        {email.subject}\r\n                    </Subject>\r\n                </Main>\r\n            </div>\r\n            {!email.sendAsCustomer &&\r\n                <SystemEmail title=\"System generated email\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faBolt} />\r\n                    </div>\r\n                </SystemEmail>\r\n            }\r\n        </Container>\r\n    );\r\n};","import { List } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEmailsProvider } from \"../../contextHooks/EmailsContext\";\r\nimport { IEmail } from \"../../interfaces/IEmail\";\r\nimport { EmailsListItem } from \"./EmailsListItem\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    overflow-y: auto;\r\n    min-width: 425px;\r\n    max-width: 425px;\r\n\r\n    ::-webkit-scrollbar {\r\n        width: 22px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track,\r\n    ::-webkit-scrollbar-thumb {\r\n        background-clip: padding-box;\r\n        border: 5px solid transparent;\r\n        border-width: 10px 5px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track {\r\n        background-color: rgb(255,255,255, .02);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n        background-color: rgb(255,255,255, 1);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background-color: rgb(255, 255, 255, 1);\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const EmailsList: React.FC<{ onScrolledBottom: () => void }> = ({ onScrolledBottom }) => {\r\n    const { emails } = useEmailsProvider();\r\n\r\n    const renderListItem = (item?: IEmail | undefined, index?: number | undefined, isScrolling?: boolean | undefined) => {\r\n        return item\r\n            ? <EmailsListItem email={item} />\r\n            : null;\r\n    }\r\n\r\n    let containerRef: HTMLDivElement | null;\r\n\r\n    return (\r\n        <Container\r\n            ref={_ => containerRef = _}\r\n            onScroll={() => {\r\n                if (containerRef) {\r\n                    const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                    if ((scrollTop + clientHeight) > scrollHeight - 500) {\r\n                        onScrolledBottom();\r\n                    }\r\n                }\r\n            }}\r\n        >\r\n            <List\r\n                items={emails}\r\n                onRenderCell={renderListItem}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport useMessages from \"../../hooks/useMessages\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faEnvelope, faSync, faReply, faReplyAll, faForward, faTrashAlt, faExclamationCircle, faTimes, faStopCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { EmailsContextProvider, useEmailsProvider } from \"../../contextHooks/EmailsContext\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useEmailFunctions } from \"../../hooks/useEmailFunctions\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { IEmail } from \"../../interfaces/IEmail\";\r\nimport { IPageAction } from \"../../interfaces/IPageAction\";\r\nimport { IPageActionsSection } from \"../../interfaces/IPageActionsSection\";\r\nimport { ComposeEmailAction } from \"../../_enums/ComposeEmailAction\";\r\nimport { EmailStatus } from \"../../_enums/EmailStatus\";\r\nimport { AnimatedBars } from \"../animatedBars/AnimatedBars\";\r\nimport { AppDialog } from \"../appDialog/AppDialog\";\r\nimport { ContentPageSubHeader } from \"../contentPage/modules/ContentPageSubHeader\";\r\nimport { ComposeEmail } from \"./compose/ComposeEmail\";\r\nimport { Email } from \"./email/Email\";\r\nimport { EmailsList } from \"./EmailsList\";\r\nimport { useSettings } from \"../../hooks/useSettings\";\r\nimport { IFixture } from \"../../interfaces/IFixture\";\r\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow-y: auto;\r\n\r\n    .warning {\r\n        background-color: #ffffe1;\r\n        border-bottom: 1px solid #ddd;\r\n        padding: 14px 32px;\r\n        font-size: 14px;\r\n    }\r\n`;\r\n\r\nconst List = styled.div`\r\n    display: flex;\r\n    flex-grow: 1;\r\n    overflow-y: auto;\r\n`;\r\n\r\nconst Empty = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #bbb;\r\n\r\n    >div {\r\n        text-align: center;\r\n\r\n        >div:last-child {\r\n            margin-top: 10px;\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n\r\n    i {\r\n        font-size: 68px;\r\n    }\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n//#endregion\r\n\r\nexport interface IEmailsProps {\r\n    emails?: IEmail[]\r\n    fixture?: IFixture\r\n    newEmailSubject?: string\r\n    loading?: boolean\r\n    onScrolledBottom?: () => void\r\n    onDelete: (email: IEmail) => Promise<void>\r\n    modules?: IPageAction[]\r\n    onRefresh?: () => void\r\n    onSent?: () => void\r\n    onComposeDismiss?: () => void\r\n}\r\n\r\n// Context provider\r\nexport const Emails: React.FC<IEmailsProps> = (props) => {\r\n    return (\r\n        <EmailsContextProvider>\r\n            <EmailsComponent {...props} />\r\n        </EmailsContextProvider>\r\n    );\r\n};\r\n\r\n// Component\r\nconst EmailsComponent: React.FC<IEmailsProps> = (props) => {\r\n    const { app } = useAppContext();\r\n    const [cancelOpen, { toggle: toggleCancelOpen }] = useBoolean(false);\r\n    const { email, setEmail, emails, setEmails } = useEmailsProvider();\r\n    const [deleteOpen, { toggle: toggleDeleteOpen }] = useBoolean(false);\r\n    const { mapContainersToEmails } = useEmailFunctions();\r\n    const { getError } = useRest();\r\n    const { isOffice365ConnectionOk } = useSettings();\r\n    const [searchParams] = useSearchParams();\r\n    const history = useNavigate();\r\n    const urlAction = searchParams.get(\"action\");\r\n    const setupOk = isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings);\r\n    const [composeAction, setComposeAction] = useState<{\r\n        isOpen: boolean,\r\n        action?: ComposeEmailAction,\r\n        subject?: string\r\n    }>({ isOpen: false });\r\n\r\n    const sections: IPageActionsSection[] = [\r\n        {\r\n            title: \"Emails\",\r\n            lineColor: \"#bbb\",\r\n            actions: [\r\n                {\r\n                    title: \"New email\",\r\n                    icon: <FontAwesomeIcon icon={faEnvelope} />,\r\n                    disabled: !setupOk,\r\n                    onClick: () => {\r\n                        setComposeAction({\r\n                            isOpen: true,\r\n                            action: ComposeEmailAction.New,\r\n                            subject: props.newEmailSubject\r\n                        });\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Fetch emails\",\r\n                    icon: <FontAwesomeIcon icon={faSync} />,\r\n                    onClick: props.onRefresh,\r\n                    disabled: !setupOk || props.onRefresh === undefined\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            title: \"Email\",\r\n            lineColor: \"#4177bf\",\r\n            actions: [\r\n                {\r\n                    title: \"Reply\",\r\n                    icon: <FontAwesomeIcon icon={faReply} />,\r\n                    onClick: () => setComposeAction({ isOpen: true, action: ComposeEmailAction.Reply }),\r\n                    disabled: !setupOk || !email\r\n                },\r\n                {\r\n                    title: \"Reply all\",\r\n                    icon: <FontAwesomeIcon icon={faReplyAll} />,\r\n                    onClick: () => setComposeAction({ isOpen: true, action: ComposeEmailAction.ReplayAll }),\r\n                    disabled: !setupOk || !email\r\n                },\r\n                {\r\n                    title: \"Forward\",\r\n                    icon: <FontAwesomeIcon icon={faForward} />,\r\n                    onClick: () => setComposeAction({ isOpen: true, action: ComposeEmailAction.Forward }),\r\n                    disabled: !setupOk || !email\r\n                },\r\n                {\r\n                    title: \"Cancel scheduled email\",\r\n                    icon: <FontAwesomeIcon icon={faStopCircle} />,\r\n                    onClick: toggleCancelOpen,\r\n                    disabled: !email || email.status !== EmailStatus.Scheduled\r\n                },\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: toggleDeleteOpen,\r\n                    disabled: !email\r\n                },\r\n                {\r\n                    title: \"Close\",\r\n                    icon: <FontAwesomeIcon icon={faTimes} />,\r\n                    onClick: () => setEmail(),\r\n                    disabled: !email\r\n                }\r\n            ]\r\n        },\r\n    ];\r\n\r\n    useMessages(\"Email\", (m, _emails?: IEmail[]) => {\r\n        let _temp = _emails ? [..._emails] : [];\r\n        let receivedEmail: IEmail = mapContainersToEmails([m.data])[0];\r\n        let existingEmailIndex = _temp.findIndex(_ => _.dbId === receivedEmail.dbId);\r\n\r\n        if (existingEmailIndex >= 0) {\r\n            _temp[existingEmailIndex] = receivedEmail;\r\n            setEmails(_temp);\r\n\r\n            if (email && email.dbId === receivedEmail.dbId) {\r\n                setEmail(receivedEmail);\r\n            }\r\n\r\n            app.setAppMessage({\r\n                text: receivedEmail.scheduledSend ? \"Scheduled email sent\" : \"Email sent\",\r\n                icon: <Icon iconName=\"Send\" />,\r\n                ttl: 2500\r\n            });\r\n        }\r\n    }, emails);\r\n\r\n    useEffect(() => {\r\n        if (props.emails) {\r\n            setEmails(props.emails);\r\n        }\r\n    }, [props.emails])\r\n\r\n    useEffect(() => {\r\n        if (urlAction) {\r\n            switch (urlAction.toLowerCase()) {\r\n                case \"triggerfixturecompose\":\r\n                    setComposeAction({\r\n                        isOpen: true,\r\n                        action: ComposeEmailAction.New,\r\n                        subject: props.newEmailSubject\r\n                    });\r\n\r\n                    history(window.location.pathname, { replace: true })\r\n\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <Container>\r\n            {!setupOk &&\r\n                <div className=\"warning\">\r\n                    An Office 365 connection has not been configured. In order to send emails, please configure this under customer settings. It may take up to 5 minutes before they are activated.\r\n                </div>\r\n            }\r\n\r\n            <ContentPageSubHeader\r\n                sections={sections}\r\n                modules={props.modules}\r\n            />\r\n\r\n            {props.loading\r\n                ?\r\n                <Loading>\r\n                    <AnimatedBars />\r\n                </Loading>\r\n                :\r\n                <>\r\n                    {(!emails || emails.length === 0)\r\n                        ?\r\n                        <Empty>\r\n                            <div>\r\n                                <Icon iconName=\"Snooze\" />\r\n                                <div>\r\n                                    Nothing here at the moment\r\n                                </div>\r\n                            </div>\r\n                        </Empty>\r\n                        :\r\n                        <List>\r\n                            <EmailsList onScrolledBottom={() => {\r\n                                if (props.onScrolledBottom) {\r\n                                    props.onScrolledBottom();\r\n                                }\r\n                            }} />\r\n                            <Email toggleCancel={toggleCancelOpen} />\r\n                        </List>\r\n                    }\r\n                </>\r\n            }\r\n\r\n            {/* Dialogs and panels */}\r\n            {isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings) &&\r\n                <ComposeEmail\r\n                    isOpen={composeAction.isOpen}\r\n                    fixture={props.fixture}\r\n                    action={composeAction.action ? composeAction.action : ComposeEmailAction.New}\r\n                    subject={composeAction.subject}\r\n                    sourceEmail={email}\r\n                    dismiss={() => {\r\n                        setComposeAction({ isOpen: false });\r\n\r\n                        if (props.onComposeDismiss) {\r\n                            props.onComposeDismiss();\r\n                        }\r\n                    }}\r\n                    onSent={async sentEmail => {\r\n                        setComposeAction({ isOpen: false });\r\n\r\n                        if (sentEmail) {\r\n                            let _emails = emails ? [...emails] : [];\r\n                            setEmails([sentEmail, ..._emails])\r\n                        }\r\n\r\n                        if (props.onSent) {\r\n                            props.onSent();\r\n                        }\r\n                    }}\r\n                />\r\n            }\r\n\r\n            <AppDialog\r\n                title=\"Delete email\"\r\n                open={deleteOpen}\r\n                cancel={toggleDeleteOpen}\r\n                commit={async () => {\r\n                    try {\r\n                        await props.onDelete(email!);\r\n                        toggleDeleteOpen();\r\n                        setEmail(undefined);\r\n                        app.setAppMessage({\r\n                            icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                            text: \"Email deleted\"\r\n                        });\r\n                    }\r\n                    catch (error: any) {\r\n                        app.setAppMessage({\r\n                            icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                            text: \"Unable to delete email\"\r\n                        });\r\n                    }\r\n                }}\r\n            >\r\n                <div style={{ margin: \"0 0 20px\" }}>\r\n                    <div>Are you sure?</div>\r\n                    <div style={{ marginTop: \"10px\", fontSize: \"12px\", color: \"#999\" }}>Email will be deleted from Real Time Operations. Go to the Office 365 mailbox to permanently delete the email.</div>\r\n                </div>\r\n            </AppDialog>\r\n\r\n            <AppDialog\r\n                title=\"Cancel email?\"\r\n                open={cancelOpen}\r\n                cancel={toggleCancelOpen}\r\n                commit={async () => {\r\n                    try {\r\n                        let cancelledEmailContainer = await app.api.cancelEmail(email!.dbId);\r\n                        let cancelledEmails = mapContainersToEmails([cancelledEmailContainer]);\r\n\r\n                        let _emails = emails!.slice().filter(_ => _.dbId !== email!.dbId);\r\n                        _emails.unshift(cancelledEmails[0]);\r\n\r\n                        setEmails(_emails);\r\n                        setEmail(cancelledEmails[0]);\r\n\r\n                        app.setAppMessage({ text: \"Email was cancelled\" });\r\n                    }\r\n                    catch (error: any) {\r\n                        app.setAppMessage({\r\n                            icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                            text: await getError(error)\r\n                        });\r\n                    }\r\n\r\n                    toggleCancelOpen();\r\n                }}\r\n            >\r\n                <div style={{ margin: \"0 0 20px\" }}>\r\n                    Are you sure you want to cancel the scheduled sending of this email?\r\n                </div>\r\n            </AppDialog>\r\n\r\n        </Container>\r\n    );\r\n};","import { IOffice365Settings } from \"../interfaces/IOffice365Settings\";\r\n\r\nexport const useSettings = () => {\r\n    const isOffice365ConnectionOk = (s?: IOffice365Settings): boolean => {\r\n        if (!s || !s.active) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    return { isOffice365ConnectionOk };\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { Emails } from \"../../blocks/emails/Emails\";\r\nimport { IEmail } from \"../../interfaces/IEmail\";\r\nimport { useEmailFunctions } from \"../../hooks/useEmailFunctions\";\r\n\r\nexport const Correspondence = () => {\r\n    const { app } = useAppContext();\r\n    const [emails, setEmails] = useState<IEmail[]>([]);\r\n    const [fetchedAll, setFetchedAll] = useState(false);\r\n    const [fetching, setFetching] = useState(true);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilterString } = useDivTable();\r\n    const { mapContainersToEmails } = useEmailFunctions();\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const getEmails = () => {\r\n        app.api.getEmails(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(emailContainers => {\r\n                let _ = mapContainersToEmails(emailContainers);\r\n\r\n                if (takeSkip.skip === 0) {\r\n                    setEmails(_);\r\n                }\r\n                else {\r\n                    setEmails([...emails, ..._]);\r\n\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all emails mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + take\r\n                        });\r\n                    })\r\n\r\n                    setFetchedAll(false);\r\n                }\r\n                else {\r\n                    setFetchedAll(true);\r\n                }\r\n\r\n                setFetching(false);\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false);\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching && !fetchedAll) {\r\n            getEmails();\r\n        }\r\n    }, [fetching])\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader>\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"correspondence\",\r\n                            title: \"correspondence\",\r\n                            url: \"/correspondence\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <Emails\r\n                        emails={emails}\r\n                        loading={fetching && emails.length === 0}\r\n                        onDelete={async _email => {\r\n                            await app.api.deleteEmail(_email.dbId);\r\n                            setEmails(emails.filter(_ => _.dbId !== _email.dbId));\r\n                        }}\r\n                        onScrolledBottom={() => {\r\n                            setFetching(true);\r\n                        }}\r\n                    />\r\n                </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import { Icon } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { ContentPageSubHeader } from \"../blocks/contentPage/modules/ContentPageSubHeader\";\r\nimport { IFixture } from \"../interfaces/IFixture\";\r\nimport { IPageAction } from \"../interfaces/IPageAction\";\r\nimport { IPageActionsSection } from \"../interfaces/IPageActionsSection\";\r\n\r\nexport const useFixtureFunctions = () => {\r\n    const history = useNavigate();\r\n    const location = useLocation();\r\n\r\n    const navigate = (url: string) => {\r\n        history(url);\r\n    }\r\n\r\n    const moduleActive = (urlPart: string) => {\r\n        let split = location.pathname.split(\"/\");\r\n        let last = split[split.length - 1];\r\n        let isNumeric = /^\\d+$/.test(last);\r\n\r\n        if (urlPart.toLowerCase() === last.toLowerCase() || (urlPart === \"\" && isNumeric)) {\r\n            return true;\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const createModules = (fixture: IFixture, o365Ok: boolean): IPageAction[] => {\r\n        let baseUrl = `/fixtures/${fixture!.id}`;\r\n\r\n        return [\r\n            {\r\n                icon: <Icon iconName=\"ComplianceAudit\" />,\r\n                title: \"Fixture and demurrage details\",\r\n                active: moduleActive(\"\"),\r\n                onClick: () => navigate(baseUrl)\r\n            },\r\n            {\r\n                icon: <Icon iconName=\"OpenFolderHorizontal\" />,\r\n                title: \"Documents\",\r\n                active: moduleActive(\"docs\"),\r\n                onClick: () => navigate(`${baseUrl}/docs`),\r\n                disabled: !o365Ok\r\n            },\r\n            {\r\n                icon: <Icon iconName=\"Mail\" />,\r\n                title: \"Email correspondence\",\r\n                active: moduleActive(\"mail\"),\r\n                onClick: () => navigate(`${baseUrl}/mail`),\r\n                disabled: !o365Ok\r\n            }\r\n        ];\r\n    }\r\n\r\n    const renderSubHeader = ( fixture: IFixture, o365Ok: boolean, sections: IPageActionsSection[]) => {\r\n        return (\r\n            <ContentPageSubHeader\r\n                sections={sections}\r\n                modules={createModules(fixture, o365Ok)}\r\n            />\r\n        );\r\n    }\r\n\r\n    return { createModules, renderSubHeader }\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IDocument } from \"../../../../interfaces/IDocument\";\r\nimport { Callout, Icon } from '@fluentui/react';\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { IPageAction } from \"../../../../interfaces/IPageAction\";\r\nimport { faDownload, faEnvelope, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { CalloutMenu } from \"../../../../blocks/calloutMenu/CalloutMenu\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ menuOpen: boolean }>`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    height: inherit;\r\n\r\n    .fileMenuIcon {\r\n        display: ${_ => _.menuOpen ? \"flex\" : \"none\"};\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: inherit;\r\n        width: 35px;\r\n        cursor: pointer;\r\n        background-color: #dfdfdf;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocsFileMenu: React.FC<{ file: IDocument, onDelete: () => void, onDownload: ()=> void, onShare?: ()=> void }> = ({ file, onDelete, onDownload, onShare }) => {\r\n    const [menuOpen, { toggle: toggleMenuOpen }] = useBoolean(false);\r\n    const containerId = useId('file-menu-button');\r\n\r\n    const actions: IPageAction[] = [\r\n        {\r\n            icon: <FontAwesomeIcon icon={faDownload} />,\r\n            title: \"Download\",\r\n            onClick: onDownload,\r\n            disabled: !file.parentReference || !file.parentReference.driveId\r\n        },\r\n        {\r\n            icon: <FontAwesomeIcon icon={faEnvelope} />,\r\n            title: \"Share via email\",\r\n            onClick: onShare,\r\n            disabled: !file.parentReference || !file.parentReference.driveId,\r\n            hidden: !onShare\r\n        },\r\n        {\r\n            icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n            title: \"Delete\",\r\n            onClick: onDelete\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container menuOpen={menuOpen}>\r\n            <div id={containerId} title=\"File menu\" className=\"fileMenuIcon\" onClick={toggleMenuOpen}>\r\n                <Icon iconName=\"MoreVertical\" />\r\n            </div>\r\n            {menuOpen &&\r\n                <Callout\r\n                    gapSpace={-9}\r\n                    target={`#${containerId}`}\r\n                    onDismiss={toggleMenuOpen}\r\n                    onMouseLeave={toggleMenuOpen}\r\n                    onClick={toggleMenuOpen}\r\n                >\r\n                    <CalloutMenu actions={actions} />\r\n                </Callout>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IDocument } from \"../../../../interfaces/IDocument\";\r\nimport { Checkbox, Icon, Link, Spinner, SpinnerSize } from '@fluentui/react';\r\nimport { getFileTypeIconProps } from '@fluentui/react-file-type-icons';\r\nimport { useFileFunctions } from \"../../../../hooks/useFileFunctions\";\r\nimport { FixtureDocsFileMenu } from \"./FixtureDocsFileMenu\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.tr`\r\n    :hover {\r\n        .fileMenuIcon {\r\n            display: flex;\r\n        }\r\n    }\r\n`;\r\n\r\nconst NameAndMenu = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    height: inherit;\r\n    position: relative;\r\n`;\r\n\r\nconst Glimmer = styled(Icon)`\r\n    position: absolute;\r\n    top: 13px;\r\n    left: -7px;\r\n    font-size: 8px;\r\n`;\r\n\r\nconst DocLink = styled(Link)`\r\n    color: #333;\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocsFile: React.FC<{ file: IDocument, selected: boolean, onToggleSelect: (selected: boolean) => void, onDelete: () => void }> = ({ file, selected, onDelete, onToggleSelect }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest()\r\n    const { convertBase64ToArrayBuffer } = useStringFunctions();\r\n    const { getExtension, getFileSize } = useFileFunctions();\r\n    const { makeDateObject, relativeDateString } = useDateFunctions();\r\n    const [downloading, setDownloading] = useState(false);\r\n    const isNew = DateTime.now().diff(makeDateObject(file.modified)).as(\"minutes\") < 15;\r\n\r\n    const createDownloadLink = (base64: string) => {\r\n        let bytes = convertBase64ToArrayBuffer(base64);\r\n\r\n        if (!bytes) {\r\n            alert(\"Unable to download file\")\r\n            return;\r\n        }\r\n\r\n        let blob = new Blob([bytes]);\r\n        const link = document.createElement('a');\r\n\r\n        // Browsers that support HTML5 download attribute\r\n        if (link.download !== undefined) {\r\n            const url = URL.createObjectURL(blob);\r\n            link.setAttribute('href', url);\r\n            link.setAttribute('download', file.name);\r\n            link.style.visibility = 'hidden';\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n\r\n            app.setAppMessage({ text: `Completed downloading ${file.name}` });\r\n        }\r\n        else {\r\n            setDownloading(false);\r\n            alert(\"Your browser does not support this type of download\");\r\n        }\r\n    }\r\n\r\n    const onDownload = () => {\r\n        app.api.downloadDocument(file.parentReference!.driveId!, file.id)\r\n            .then(_ => {\r\n                setDownloading(false);\r\n                createDownloadLink(_);\r\n            })\r\n            .catch(async err => {\r\n                app.setAppMessage({ text: await getError(err) });\r\n                setDownloading(false);\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (downloading) {\r\n            onDownload();\r\n        }\r\n    }, [downloading])\r\n\r\n    return (\r\n        <Container>\r\n            <td>\r\n                <Checkbox\r\n                    checked={selected}\r\n                    onChange={(ev, checked) => {\r\n                        onToggleSelect(checked ? checked : false);\r\n                    }}\r\n                />\r\n            </td>\r\n            <td>\r\n                {downloading\r\n                    ? <Spinner\r\n                        size={SpinnerSize.small}\r\n                        styles={{\r\n                            root: {\r\n                                width: \"fit-content\"\r\n                            },\r\n                            circle: {\r\n                                borderColor: \"#555 #ddd #ddd\"\r\n                            }\r\n                        }}\r\n                    />\r\n                    : <Icon style={{ paddingTop: \"3px\" }} {...getFileTypeIconProps({ extension: getExtension(file.name), size: 20, imageFileType: 'png' })} />\r\n                }\r\n            </td>\r\n            <td>\r\n                <NameAndMenu>\r\n                    <Glimmer iconName=\"Glimmer\" style={{ display: isNew ? \"block\" : \"none\" }} />\r\n                    <DocLink target=\"_blank\" href={file.webUrl}>\r\n                        {file.name}\r\n                    </DocLink>\r\n                    <FixtureDocsFileMenu\r\n                        file={file}\r\n                        onDownload={() => setDownloading(true)}\r\n                        // onShare={onShare}\r\n                        onDelete={onDelete}\r\n                    />\r\n                </NameAndMenu>\r\n            </td>\r\n            <td>\r\n                {getFileSize(file.size ? file.size : 0)}\r\n            </td>\r\n            <td>\r\n                {file.modifiedBy}\r\n            </td>\r\n            <td>\r\n                {relativeDateString(file.modified, { days: 7 })}\r\n            </td>\r\n        </Container>\r\n    );\r\n};","import { faFileUpload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useRef } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.label<{ disabled: boolean }>`\r\n    width: 55px;\r\n    height: 55px;\r\n    font-size: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    \r\n    ${_ => _.disabled\r\n        ? css`\r\n            cursor: default;\r\n            color: #ccc;\r\n        `\r\n        : css`\r\n            cursor: pointer;\r\n            :hover {\r\n                color: #4177bf;\r\n            }\r\n        `\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocsFilePicker: React.FC<{ onUpload: (_: FileList) => Promise<void>, disabled: boolean }> = ({ onUpload, disabled }) => {\r\n    const inputRef = useRef(null);\r\n\r\n    return (\r\n        <>\r\n            <Container title=\"Add files\" htmlFor=\"fileUpload\" disabled={disabled}>\r\n                <FontAwesomeIcon icon={faFileUpload} />\r\n            </Container>\r\n            {!disabled &&\r\n                <input\r\n                    id=\"fileUpload\"\r\n                    type=\"file\"\r\n                    ref={inputRef}\r\n                    style={{ display: \"none\" }}\r\n                    multiple\r\n                    onChange={async _ => {\r\n                        if (_.target.files && _.target.files.length > 0) {\r\n                            await onUpload(_.target.files);\r\n\r\n                            if (inputRef.current) {\r\n                                let input: HTMLInputElement = inputRef.current as any;\r\n                                input.value = \"\";\r\n                            }\r\n                        }\r\n                    }}\r\n                />\r\n            }\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IDocumentFolder } from \"../../../../interfaces/IDocumentFolder\";\r\nimport { Icon } from '@fluentui/react';\r\nimport { getFileTypeIconProps, FileIconType } from '@fluentui/react-file-type-icons';\r\n\r\n//#region Styled Components\r\nconst FolderLink = styled.span`\r\n    cursor: pointer;\r\n    :hover {\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocsFolder: React.FC<{ folder: IDocumentFolder, onOpen: () => void }> = ({ folder, onOpen }) => {\r\n    return (\r\n        <tr>\r\n            <td />\r\n            <td>\r\n                <Icon {...getFileTypeIconProps({ type: FileIconType.folder, size: 20, imageFileType: 'png' })} />\r\n            </td>\r\n            <td>\r\n                <FolderLink onClick={onOpen}>\r\n                    {folder.name}\r\n                </FolderLink>\r\n            </td>\r\n            <td />\r\n            <td />\r\n        </tr>\r\n    );\r\n};","import { faArrowLeft, faFolder } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { IDocumentFolder } from \"../../../../interfaces/IDocumentFolder\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    padding: 0 15px;\r\n    align-items: center;\r\n`;\r\n\r\nconst BackIcon = styled.div<{ isRoot: boolean }>`\r\n    font-size: 18px;\r\n    cursor: ${_ => _.isRoot ? \"default\" : \"pointer\"};\r\n`;\r\n\r\nconst Path = styled.div`\r\n    padding-left: 10px;\r\n    font-size: 14px;\r\n\r\n    >span {\r\n        color: #4177bf;\r\n        text-decoration: underline;\r\n        cursor: pointer;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocsPath: React.FC<{ rootFolder?: IDocumentFolder, folder?: IDocumentFolder }> = ({ rootFolder, folder }) => {\r\n    const history = useNavigate();\r\n    const location = useLocation();\r\n    const [path, setPath] = useState<string | undefined>();\r\n    const isRoot = rootFolder && folder && rootFolder.id === folder.id ? true : false;\r\n\r\n    useEffect(() => {\r\n        let p = \"\";\r\n\r\n        if (rootFolder && rootFolder.webUrl && folder && folder.webUrl) {\r\n            let diff = folder.webUrl.replace(rootFolder.webUrl, \"\");\r\n            if (diff.length > 0) {\r\n                p = diff;\r\n            }\r\n        }\r\n        setPath(decodeURI(p.toLowerCase()));\r\n    }, [folder, rootFolder]);\r\n\r\n    return (\r\n        <Container>\r\n            <BackIcon title={isRoot ? undefined : \"Back\"} isRoot={isRoot} onClick={() => {\r\n                if (!isRoot) {\r\n                    history(-1);\r\n                }\r\n            }}>\r\n                <FontAwesomeIcon icon={isRoot ? faFolder : faArrowLeft} />\r\n            </BackIcon>\r\n            <Path>\r\n                <span title=\"Go to root\" onClick={() => {\r\n                    history(location.pathname);\r\n                }}>/root</span>{path}\r\n            </Path>\r\n        </Container>\r\n    );\r\n};","import { Checkbox, Icon, Spinner, SpinnerSize } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faArrowDown, faCloud, faExclamationCircle, faExclamationTriangle, faInfoCircle, faSync, faTrashAlt, faUpload } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { FileDrop } from \"react-file-drop\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { useFixtureFolder } from \"../../../../api/hooks/useFixtureFolder\";\r\nimport { AnimatedBars } from \"../../../../blocks/animatedBars/AnimatedBars\";\r\nimport { AppDialog } from \"../../../../blocks/appDialog/AppDialog\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { useFixtureFunctions } from \"../../../../globalHooks/useFixtureFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useSettings } from \"../../../../hooks/useSettings\";\r\nimport { IDocument } from \"../../../../interfaces/IDocument\";\r\nimport { IPageActionsSection } from \"../../../../interfaces/IPageActionsSection\";\r\nimport { ProgressBar } from \"../../../progressBar/ProgressBar\";\r\nimport { FixtureDocsFile } from \"./FixtureDocsFile\";\r\nimport { FixtureDocsFilePicker } from \"./FixtureDocsFilePicker\";\r\nimport { FixtureDocsFolder } from \"./FixtureDocsFolder\";\r\nimport { FixtureDocsPath } from \"./FixtureDocsPath\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    min-height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n\r\n    .sub-header {\r\n        position: sticky;\r\n        top: 0;\r\n        z-index: 10;\r\n\r\n        .progress {\r\n            position: absolute;\r\n            width: 100%;\r\n            top: 0px;\r\n        }\r\n    }\r\n\r\n    .fileDrop {\r\n        flex-grow: 1;\r\n        display: flex;\r\n    }\r\n\r\n    .fileDropInfo {\r\n        z-index: 10;\r\n        position: absolute;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        display: none;\r\n        top: 0px;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 67px;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        >div {\r\n            padding: 0 30px;\r\n            display: flex;\r\n\r\n            >div:first-child {\r\n                margin-right: 10px;\r\n                animation-duration: 1.5s;\r\n                animation-iteration-count: infinite;\r\n                animation-name: bounce;\r\n                animation-timing-function: ease;\r\n\r\n                @keyframes bounce {\r\n                    0%   { transform: scale(1,1)    translateY(0); }\r\n                    10%  { transform: scale(1.1,.9) translateY(0); }\r\n                    30%  { transform: scale(.9,1.1) translateY(-12px); }\r\n                    50%  { transform: scale(1,1)    translateY(2px); }\r\n                    57%  { transform: scale(1,1)    translateY(-2px); }\r\n                    64%  { transform: scale(1,1)    translateY(0); }\r\n                    100% { transform: scale(1,1)    translateY(0); }\r\n                }\r\n            }\r\n        }\r\n\r\n        :after {\r\n            content: \"\";\r\n            position: absolute;\r\n            width: 0;\r\n            height: 0;\r\n            bottom: -7px;\r\n            left: 50%;\r\n            transform: translateX(-50%) rotate(-45deg);\r\n            border: 8px solid white;\r\n            border-color: transparent transparent #4177bf #4177bf;\r\n            box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n    }\r\n\r\n    .file-drop-target {\r\n        flex-grow: 1;\r\n        display: flex;\r\n    }\r\n\r\n     /* Border around the drop target when dropping */\r\n    .file-drop-target.file-drop-dragging-over-target {\r\n        /* outline: 2px dashed #4177bf;\r\n        margin: 4px;\r\n        border-radius: 0 0 10px 10px; */\r\n    }\r\n\r\n    /* File drop container gets this class when file is hovering over container */\r\n    .file-drop-dragging-over-target {\r\n        .fileDropInfo {\r\n            display: flex;\r\n        }\r\n\r\n        .docTable {\r\n            filter: blur(2px);\r\n        }\r\n    }\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n`;\r\n\r\nconst Error = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 14px;\r\n    padding: 30px;\r\n`;\r\n\r\nconst EmptyFolder = styled.div`\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #999;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        >div {\r\n            text-align: center;\r\n        }\r\n\r\n        .icon {\r\n            color: #ccc;\r\n        }\r\n    }\r\n\r\n    i {\r\n        font-size: 60px;\r\n        margin-bottom: 10px;\r\n    }\r\n`;\r\n\r\nconst DocTable = styled.table`\r\n    width: 100%;\r\n    height: fit-content;\r\n    border-spacing: 0;\r\n    font-size: 14px;\r\n\r\n    thead {\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #888;\r\n\r\n        tr {\r\n            th {\r\n                padding: 25px 0 20px;\r\n                text-align: left;\r\n            }\r\n\r\n            th:first-child {\r\n                padding-left: 30px;\r\n            }\r\n\r\n            th:nth-child(2) {\r\n                font-size: 14px;\r\n                padding-left: 14px;\r\n            }\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        tr {\r\n            td {\r\n                height: 50px;\r\n                border-top: 1px dotted #ddd;\r\n            }\r\n\r\n            /* Checkbox */\r\n            td:first-child {\r\n                padding-left: 30px;\r\n                width: 40px;\r\n            }\r\n\r\n            /* Icon */\r\n            td:nth-child(2) {\r\n                padding-left: 10px;\r\n                width: 50px;\r\n\r\n            }\r\n\r\n            /* Name */\r\n            td:nth-child(3) {\r\n                padding-right: 20px;\r\n            }\r\n\r\n            /* Size */\r\n            td:nth-child(4) {\r\n                width: 70px;\r\n                padding-right: 40px;\r\n            }\r\n\r\n            /* Modified by */\r\n            td:nth-child(5) {\r\n                width: 180px;\r\n            }\r\n\r\n            /* Modified */\r\n            td:last-child {\r\n                width: 0px;\r\n                white-space: nowrap;\r\n                padding-right: 30px;\r\n                /* text-align: right; */\r\n            }\r\n            \r\n            :hover {\r\n                background-color: #f8f8f8;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureDocs: React.FC = () => {\r\n    const history = useNavigate();\r\n    const location = useLocation();\r\n    const { fixture, rootFolder, currentFolder, setCurrentFolder } = useFixtureProvider();\r\n    const [selected, setSelected] = useState<IDocument[]>([]);\r\n    const [fetchData, setFetchData] = useState<{ url?: string, body?: any }>();\r\n    const { documentFolder, isValidating, mutate, error: errorFixtureFolder } = useFixtureFolder(fetchData?.url, fetchData?.body);\r\n    const { renderSubHeader } = useFixtureFunctions();\r\n    const { app } = useAppContext();\r\n    const [deleteOpen, { toggle: toggleDeleteOpen }] = useBoolean(false);\r\n    const { isOffice365ConnectionOk } = useSettings();\r\n\r\n    const getFolderContent = (folderId: string) => {\r\n        let qParams = [\r\n            `siteId=${rootFolder!.siteId}`,\r\n            `driveId=${rootFolder!.driveId}`,\r\n            `folderId=${folderId}`\r\n        ];\r\n\r\n        let url = `/fixtures/${fixture!.id}/docs/folderContent?${qParams.join(\"&\")}`;\r\n        let f = currentFolder?.folders.find(_ => _.id === folderId);\r\n\r\n        return {\r\n            url,\r\n            body: f ? f : {},\r\n        }\r\n    }\r\n\r\n    const sections: IPageActionsSection[] = [\r\n        {\r\n            title: \"Folder\",\r\n            lineColor: \"#bbb\",\r\n            actions: [\r\n                {\r\n                    title: \"BreadCrumb\",\r\n                    render: () => {\r\n                        return (\r\n                            <FixtureDocsPath\r\n                                rootFolder={rootFolder}\r\n                                folder={currentFolder}\r\n                            />\r\n                        );\r\n                    }\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            title: \"Files\", lineColor: \"#4177bf\",\r\n            actions: [\r\n                {\r\n                    title: \"Add files\",\r\n                    render: () => <FixtureDocsFilePicker onUpload={uploadFiles} disabled={!fetchData ? true : false} />\r\n                },\r\n                {\r\n                    title: \"Delete selected files\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: toggleDeleteOpen,\r\n                    disabled: selected.length === 0\r\n                },\r\n                {\r\n                    title: \"Refresh folder content\",\r\n                    icon: <FontAwesomeIcon icon={faSync} />,\r\n                    disabled: !fetchData ? true : false,\r\n                    onClick: mutate\r\n                },\r\n                {\r\n                    title: \"Open remote repository\",\r\n                    icon: <FontAwesomeIcon icon={faCloud} />,\r\n                    disabled: !fetchData ? true : false,\r\n                    onClick: () => window.open(currentFolder?.webUrl, \"_blank\")\r\n                }\r\n            ]\r\n        },\r\n    ];\r\n\r\n    const uploadFiles = (files: FileList): Promise<void> => {\r\n        if (!rootFolder) {\r\n            return Promise.resolve();\r\n        }\r\n\r\n        let folderId = location.search.startsWith(\"?dir=\") ? location.search.substring(5) : rootFolder.id;\r\n        let uploadPromises: Promise<IDocument>[] = [];\r\n        var sizeWarning = false;\r\n        var totalSize = 0;\r\n        var toLarge = false;\r\n\r\n        // Create promises for each as long as they are under 4 MB\r\n        Array.from(files).forEach(f => {\r\n            var filesize = ((f.size / 1024) / 1024); // MB\r\n            totalSize += filesize;\r\n\r\n            if (filesize > 27) {\r\n                toLarge = true;\r\n            }\r\n            else {\r\n                if (filesize > 4) {\r\n                    sizeWarning = true;\r\n                }\r\n\r\n                const data = new FormData();\r\n                data.append(f.name, f);\r\n                uploadPromises.push(app.api.uploadFile(fixture!.id, data, rootFolder.siteId, rootFolder.driveId, folderId));\r\n            }\r\n        });\r\n\r\n        if (toLarge) {\r\n            app.setAppMessage({\r\n                text: \"Max file sixe is 27 mb. Upload the file using SharePoint Online instead by clicking the Cloud icon in the top banner\",\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                ttl: 8000\r\n            });\r\n            return Promise.reject();\r\n        }\r\n\r\n        let msg = `Uploading ${files.length === 1 ? `${files[0].name}` : `${files.length} files`}.`;\r\n        msg += sizeWarning\r\n            ? ` This might take some time due to the filesize of ${totalSize.toFixed(2)} mb`\r\n            : \"..\";\r\n\r\n        app.setAppMessage({\r\n            text: msg,\r\n            icon: <Spinner size={SpinnerSize.small} />,\r\n            ttl: 5 * 60 * 1000\r\n        });\r\n\r\n        // Push to api\r\n        return Promise.allSettled(uploadPromises)\r\n            .then(_ => {\r\n                let rejected = _.filter(r => r.status === \"rejected\");\r\n                let fulfilled = _.filter(r => r.status === \"fulfilled\");\r\n                var icon = rejected.length > 0\r\n                    ? <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    : <FontAwesomeIcon icon={faUpload} />;\r\n                let text = rejected.length > 0\r\n                    ? \"Some files failed to upload\"\r\n                    : `${files.length === 1 ? `${files[0].name}` : `${files.length} files`} uploaded`\r\n\r\n                if (fulfilled.length > 0) {\r\n                    mutate();\r\n                }\r\n\r\n                app.setAppMessage({ text, icon, ttl: 2000 });\r\n            })\r\n            .catch(err => {\r\n                mutate();\r\n                console.log(\"Error\", err);\r\n                app.setAppMessage({\r\n                    text: \"An error occured while uploading the files\",\r\n                    icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                });\r\n            });\r\n    }\r\n\r\n    const deleteFiles = (documents: IDocument[]) => {\r\n        let folderId = location.search.startsWith(\"?dir=\") ? location.search.substring(5) : rootFolder!.id;\r\n        let promises: Promise<void>[] = [];\r\n\r\n        // Create promises for each as long as they are under 4 MB\r\n        documents.forEach(d => {\r\n            promises.push(\r\n                app.api.deleteFile(fixture!.id, d, rootFolder!.siteId, rootFolder!.driveId, folderId!)\r\n            );\r\n        });\r\n\r\n        app.setAppMessage({\r\n            text: `Deleting ${documents.length === 1 ? `${documents[0].name}` : `${documents.length} files`}...`,\r\n            icon: <Spinner size={SpinnerSize.small} />,\r\n            ttl: 5 * 60 * 1000\r\n        });\r\n\r\n        // Push to api\r\n        Promise.allSettled(promises)\r\n            .then(_ => {\r\n                let rejected = _.filter(r => r.status === \"rejected\");\r\n                let fulfilled = _.filter(r => r.status === \"fulfilled\");\r\n                var icon = rejected.length > 0\r\n                    ? <FontAwesomeIcon icon={faExclamationTriangle} />\r\n                    : <FontAwesomeIcon icon={faInfoCircle} />;\r\n                let text = rejected.length > 0\r\n                    ? \"Some files failed to delete\"\r\n                    : `${documents.length === 1 ? `${documents[0].name}` : `${documents.length} files`} deleted`\r\n\r\n                if (fulfilled.length > 0) {\r\n                    mutate();\r\n                }\r\n\r\n                app.setAppMessage({ text, icon, ttl: 2000 });\r\n                setSelected([]);\r\n            })\r\n            .catch(err => {\r\n                mutate();\r\n                console.log(\"Error\", err);\r\n                app.setAppMessage({\r\n                    text: \"An error occured while deleting the files\",\r\n                    icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                });\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (documentFolder) {\r\n            setCurrentFolder(documentFolder);\r\n        }\r\n    }, [documentFolder])\r\n\r\n    useEffect(() => {\r\n        if (rootFolder) {\r\n            let folderId = location.search.startsWith(\"?dir=\") ? location.search.substring(5) : rootFolder.id;\r\n            setFetchData(getFolderContent(folderId));\r\n        }\r\n    }, [location.search, rootFolder]);\r\n\r\n    return (\r\n        <Container>\r\n\r\n            <div className=\"sub-header\">\r\n                {renderSubHeader(fixture!, isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings), sections)}\r\n                <div className=\"progress\">\r\n                    <ProgressBar height=\"2px\" visible={isValidating} color=\"#4177bf\" />\r\n                </div>\r\n            </div>\r\n\r\n            {!fetchData\r\n                ?\r\n                <Error>\r\n                    We're unable to access the document repository. Make sure your administrator have granted access.\r\n                </Error>\r\n                :\r\n                <>\r\n                    {!currentFolder && isValidating\r\n                        ?\r\n                        <Loading>\r\n                            <AnimatedBars />\r\n                        </Loading>\r\n                        :\r\n                        <FileDrop\r\n                            className=\"fileDrop\"\r\n                            onDrop={(files, ev) => {\r\n                                if (files && files.length > 0) {\r\n                                    uploadFiles(files);\r\n                                }\r\n                            }}\r\n                        >\r\n                            <div className=\"fileDropInfo\">\r\n                                <div>\r\n                                    <div>\r\n                                        <FontAwesomeIcon icon={faArrowDown} />\r\n                                    </div>\r\n                                    <div>\r\n                                        Drop your files in the container to start uploading\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {currentFolder && currentFolder.folders.length === 0 && currentFolder.documents.length === 0 &&\r\n                                <EmptyFolder>\r\n                                    <div>\r\n                                        <div className=\"icon\">\r\n                                            <Icon iconName=\"OpenFolderHorizontal\" />\r\n                                        </div>\r\n                                        <div className=\"text\">\r\n                                            Looks empty. Click the upload button in menu or drag files here to upload files\r\n                                        </div>\r\n                                    </div>\r\n                                </EmptyFolder>\r\n                            }\r\n                            {currentFolder && (currentFolder.folders.length > 0 || currentFolder.documents.length > 0) &&\r\n                                <DocTable className=\"docTable\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th>\r\n                                                <Checkbox\r\n                                                    title=\"Toggle all documents\"\r\n                                                    checked={currentFolder.documents && currentFolder.documents.length === selected.length && currentFolder.documents.length > 0}\r\n                                                    onChange={(ev, checked) => {\r\n                                                        setSelected(checked\r\n                                                            ? currentFolder.documents\r\n                                                                ? [...currentFolder.documents]\r\n                                                                : []\r\n                                                            : []\r\n                                                        );\r\n                                                    }}\r\n                                                />\r\n                                            </th>\r\n                                            <th>\r\n                                                <Icon iconName=\"Page\" />\r\n                                            </th>\r\n                                            <th>\r\n                                                Name\r\n                                            </th>\r\n                                            <th>\r\n                                                Size\r\n                                            </th>\r\n                                            <th>\r\n                                                Modified by\r\n                                            </th>\r\n                                            <th>\r\n                                                Modified\r\n                                            </th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        {currentFolder.folders.map(f => {\r\n                                            return (\r\n                                                <FixtureDocsFolder\r\n                                                    key={`Folder_${f.id}`}\r\n                                                    folder={f}\r\n                                                    onOpen={() => {\r\n                                                        history(`${location.pathname}?dir=${f.id}`);\r\n                                                    }}\r\n                                                />\r\n                                            );\r\n                                        })}\r\n                                        {currentFolder.documents.map(f => {\r\n                                            return (\r\n                                                <FixtureDocsFile\r\n                                                    key={`File_${f.id}`}\r\n                                                    file={f}\r\n                                                    onDelete={() => deleteFiles([f])}\r\n                                                    selected={selected.find(_ => _.id === f.id) !== undefined}\r\n                                                    onToggleSelect={_ => {\r\n                                                        _\r\n                                                            ? setSelected([...selected, f])\r\n                                                            : setSelected([...selected.filter(d => d.id !== f.id)]);\r\n                                                    }}\r\n                                                />\r\n                                            );\r\n                                        })}\r\n                                    </tbody>\r\n                                </DocTable>\r\n                            }\r\n                        </FileDrop>\r\n                    }\r\n\r\n                    <AppDialog\r\n                        title=\"Delete documents\"\r\n                        subText=\"Are you sure you want to delete the selected documents?\"\r\n                        open={deleteOpen}\r\n                        cancel={toggleDeleteOpen}\r\n                        commit={() => {\r\n                            toggleDeleteOpen();\r\n                            deleteFiles(selected);\r\n                        }}\r\n                    />\r\n                </>\r\n            }\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDocumentFolder } from \"../../interfaces/IDocumentFolder\";\r\n\r\nexport const useFixtureFolder = (url?: string, body?: string) => {\r\n    let graphScopes = \"Sites.ReadWrite.All\";\r\n\r\n    const { data, error, isValidating, mutate } = useSWR(url ? [url, \"POST\", body, graphScopes] : null, {\r\n        // errorRetryInterval: 2000,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let documentFolder: IDocumentFolder | undefined = data;\r\n\r\n    return { documentFolder, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Spinner, SpinnerSize } from \"@fluentui/react\";\r\nimport { Emails } from \"../../../../blocks/emails/Emails\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { useFixtureFunctions } from \"../../../../globalHooks/useFixtureFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useEmailFunctions } from \"../../../../hooks/useEmailFunctions\";\r\nimport { useSettings } from \"../../../../hooks/useSettings\";\r\nimport { IEmail } from \"../../../../interfaces/IEmail\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { FixtureStatus } from \"../../../../_enums/FixtureStatus\";\r\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureEmails: React.FC = () => {\r\n    const { fixture, setFixture, demurrage } = useFixtureProvider();\r\n    const { app } = useAppContext();\r\n    const { createModules } = useFixtureFunctions();\r\n    const { mapContainersToEmails } = useEmailFunctions();\r\n    const { resolveTimeZone, toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { isOffice365ConnectionOk } = useSettings();\r\n    const [emails, setEmails] = useState<IEmail[]>([]);\r\n    const [fetching, setFetching] = useState(true);\r\n    const [searchParams] = useSearchParams();\r\n    const [isComposeClaimEmail, setIsComposeClaimEmail] = useState(false);\r\n    const urlAction = searchParams.get(\"action\");\r\n    const navigate = useNavigate();\r\n    const tz = resolveTimeZone();\r\n\r\n    const getEmails = () => {\r\n        app.api.getFixtureEmails(fixture!.id)\r\n            .then(emailContainers => {\r\n                let _ = mapContainersToEmails(emailContainers);\r\n\r\n                setEmails(_);\r\n                setFetching(false);\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const getSubject = () => {\r\n        if (fixture && demurrage) {\r\n            return `Demurrage ${toCapitalLetters(fixture.vessel?.name)} ref: ${fixture.fixtureNumber} - ${toCapitalLetters(fixture.charterer?.name)} - ${fixture.coaDate ? toDateString(fixture.coaDate, tz, true, true) : fixture.cpDate ? toDateString(fixture.cpDate, tz, true, true) : \"COA/CP?\"} - ${fixture.currency} ${demurrage.payable.toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`;\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getEmails();\r\n        }\r\n    }, [fetching])\r\n\r\n    useEffect(() => {\r\n        if (urlAction === \"triggerFixtureCompose\") {\r\n            setIsComposeClaimEmail(true);\r\n        }\r\n    }, [])\r\n\r\n    if (!fixture) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Emails\r\n                loading={fetching && emails.length === 0}\r\n                modules={createModules(fixture!, isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings))}\r\n                emails={emails}\r\n                fixture={fixture}\r\n                newEmailSubject={getSubject()}\r\n                onRefresh={() => {\r\n                    setFetching(true);\r\n                    app.setAppMessage({\r\n                        icon: <Spinner size={SpinnerSize.small} />,\r\n                        text: \"Refreshing emails...\",\r\n                        ttl: 1000\r\n                    });\r\n                }}\r\n                onDelete={async _email => {\r\n                    await app.api.deleteEmail(_email.dbId);\r\n                    setEmails(emails.filter(_ => _.dbId !== _email.dbId));\r\n                }}\r\n                onScrolledBottom={() => {\r\n                    setFetching(true);\r\n                }}\r\n                onComposeDismiss={() => {\r\n                    setIsComposeClaimEmail(false);\r\n                }}\r\n\r\n                onSent={() => {\r\n                    setIsComposeClaimEmail(false);\r\n\r\n                    if (fixture && isComposeClaimEmail) {\r\n                        app.api.updateFixtureStatus(fixture.id, FixtureStatus.Sent)\r\n                            .then(_ => {\r\n                                if (fixture) {\r\n                                    setFixture({ ...fixture, status: FixtureStatus.Sent });\r\n                                }\r\n                            });\r\n                        navigate(`/fixtures/${fixture.id}`, { replace: true });\r\n                    }\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n};","import { IDemurrage } from \"../interfaces/demurrage/IDemurrage\";\r\nimport { IDemurragePortCall } from \"../interfaces/demurrage/IDemurragePortcall\";\r\nimport { IFixture } from \"../interfaces/IFixture\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { IDemurrageEvent } from \"../interfaces/demurrage/IDemurrageEvent\";\r\nimport { useDateFunctions } from \"./useDateFunctions\";\r\nimport { DateTime } from \"luxon\";\r\nimport { IPortCallAndFlowAndSofs } from \"../interfaces/IPortCallAndSof\";\r\nimport { ISofEvent } from \"../interfaces/ISofEvent\";\r\nimport { useEventFunctions } from \"../globalHooks/useEventFunctions\";\r\nimport { useFlowFunctions } from \"./useFlowFunctions\";\r\nimport { ITermSet } from \"../interfaces/demurrage/ITermSet\";\r\nimport { IFromTo } from \"../interfaces/IFromTo\";\r\nimport { CargoDirections } from \"../_enums/CargoDirections\";\r\nimport { SofEventTypes } from \"../_enums/SofEventTypes\";\r\nimport { ICargo } from \"../interfaces/ICargo\";\r\nimport { useArrayFunctions } from \"../globalHooks/useArrayFunctions\";\r\nimport { IDemurrageDurationFromTo } from \"../interfaces/demurrage/IDemurrageDurationFromTo\";\r\nimport { DemurrageDurationType } from \"../interfaces/demurrage/IDemurrageDuration\";\r\nimport { FlowActivityEventIncludeType } from \"../_enums/FlowActivityEventIncludeType\";\r\nimport { ISofEventAndTemplateAndDirection } from \"../interfaces/ISofEventAndTemplateAndDirection\";\r\nimport { usePortCallFunctions } from \"../globalHooks/usePortCallFunctions\";\r\nimport { EventTriggerTypes } from \"../_enums/EventTriggerTypes\";\r\n\r\nexport const useCreateDemurrage = () => {\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { hasTriggers, getAdditionalProperty, sortByDate } = useEventFunctions();\r\n    const { getSofEventTemplate } = useFlowFunctions();\r\n    const { getUniqueStrings } = useArrayFunctions();\r\n    const { getBerthCalls } = usePortCallFunctions();\r\n\r\n    const getTermFromFirstCargoPort = (cargo?: ICargo[]): string | undefined => {\r\n        let cargoPorts = cargo?.flatMap(_ => _.cargoPorts);\r\n        return cargoPorts?.find(_ => _?.laytimeTerm)?.laytimeTerm;\r\n    }\r\n\r\n    const summarizeLaytimeFromCargoPorts = (cargo?: ICargo[]): number => {\r\n        let laytimeAllowed = 0;\r\n        const cargoPorts = cargo ? cargo.filter(_ => _.cargoPorts).flatMap(c => c.cargoPorts!).filter(cp => !cp.inActive) : [];\r\n\r\n        // Get laytime allowed from all cargo ports\r\n        cargoPorts.forEach(_ => {\r\n            laytimeAllowed += _?.laytimeAllowedMinutes ? _.laytimeAllowedMinutes : 0;\r\n        });\r\n\r\n        return laytimeAllowed;\r\n    }\r\n\r\n    const castToDemurrageEvent = (sofEvent: ISofEvent, exclude?: boolean, additionalInfo?: string): IDemurrageEvent => {\r\n        return ({\r\n            id: sofEvent.id,\r\n            eventDate: DateTime.fromJSDate(new Date(sofEvent.eventDate)).set({ millisecond: 0, second: 0 }).toJSDate(),\r\n            name: sofEvent.name,\r\n            additionalInfo: additionalInfo,\r\n            exclude\r\n        });\r\n    }\r\n\r\n    const subtractWeekDay = (demPortCall: IDemurragePortCall, weekday: number): IDemurrageDurationFromTo[] => {\r\n        let subtractions: IFromTo[] = [];\r\n\r\n        if (demPortCall.countFrom && demPortCall.countTo) {\r\n\r\n            let startDate = DateTime\r\n                .fromJSDate(\r\n                    new Date(demPortCall.countFrom.eventDate), {\r\n                    zone: demPortCall.port!.timeZone\r\n                })\r\n                .set({ millisecond: 0, second: 0 });\r\n\r\n            let stopDate = DateTime\r\n                .fromJSDate(new Date(demPortCall.countTo.eventDate), {\r\n                    zone: demPortCall.port!.timeZone\r\n                }).set({ millisecond: 0, second: 0 });\r\n\r\n            let currentDate = startDate.startOf(\"day\");\r\n            let index = 0;\r\n\r\n            while (currentDate < stopDate) {\r\n                let nextDate = currentDate.plus({ days: 1 });\r\n\r\n                if (currentDate.weekday === weekday) {\r\n                    let subtraction: IFromTo = {\r\n                        from: currentDate,\r\n                        to: currentDate.plus({ days: 1 }),\r\n                        txt: `${currentDate.toFormat(\"cccc MMM. d\")} excluded`\r\n                    };\r\n\r\n                    // If first, set from equals startDate with time\r\n                    if (index === 0) {\r\n                        subtraction.from = startDate;\r\n                    }\r\n\r\n                    // If last, set to equals endDate with time\r\n                    if (nextDate > stopDate) {\r\n                        subtraction.to = stopDate;\r\n                    }\r\n\r\n                    subtractions.push(subtraction);\r\n                }\r\n\r\n                currentDate = nextDate;\r\n                index++;\r\n            }\r\n        }\r\n\r\n        return subtractions.map(_ => {\r\n            return {\r\n                id: uuidv4(),\r\n                durationType: DemurrageDurationType.FromTo,\r\n                sortOrder: 0,\r\n                name: _.txt,\r\n                comment: \"Automatic subtracted based on term set\",\r\n                add: false,\r\n                from: _.from.toJSDate(),\r\n                to: _.to.toJSDate(),\r\n                percent: 100\r\n            };\r\n        });\r\n    }\r\n\r\n    const subtractWeekDays = (demPortCall: IDemurragePortCall, termSet: ITermSet) => {\r\n        let subtractions: IDemurrageDurationFromTo[] = [];\r\n\r\n        if (demPortCall.countFrom && demPortCall.countTo) {\r\n            if (termSet.deductions?.excludeSaturdays) {\r\n                subtractions = subtractions.concat(subtractWeekDay(demPortCall, 6));\r\n            }\r\n            if (termSet.deductions?.excludeSundays) {\r\n                subtractions = subtractions.concat(subtractWeekDay(demPortCall, 7));\r\n            }\r\n            // if (termSet.excludeHolidays) {\r\n\r\n            // }\r\n        }\r\n\r\n        demPortCall.durationsFromTo = demPortCall.durationsFromTo.concat(subtractions);\r\n    }\r\n\r\n    /**\r\n     * Finds template and returns event and template if event is to be included based on trigger\r\n     */\r\n    const getEventsWithTemplates = (pc: IPortCallAndFlowAndSofs): ISofEventAndTemplateAndDirection[] => {\r\n        let eventsWithTemplate: ISofEventAndTemplateAndDirection[] = [];\r\n\r\n        // Get all events on all levels\r\n        pc.sof.forEach(sof => {\r\n\r\n            let allSofEvents: ISofEvent[] = [];\r\n\r\n            allSofEvents = allSofEvents.concat(sof.events.slice());\r\n            allSofEvents = allSofEvents.concat(sof.cargoEvents.slice());\r\n\r\n            sof.cargoOperations.forEach(co => {\r\n                allSofEvents = allSofEvents.concat(co.events);\r\n            });\r\n\r\n            // Get template and add if should be included based on trigger\r\n            allSofEvents.forEach(sofEvent => {\r\n                // Remove duplicate events. E.g. All sofs have Arrived\r\n                if (eventsWithTemplate.findIndex(_ => _.sofEvent.id === sofEvent.id) >= 0) {\r\n                    return;\r\n                }\r\n\r\n                // Get template\r\n                let template = getSofEventTemplate(pc.flow, sofEvent.templateId);\r\n\r\n                if (!template) {\r\n                    console.warn(`Template not found for sof event`, sofEvent);\r\n                    return;\r\n                }\r\n\r\n                if (!template.settings?.includeInLaytime) {\r\n                    return;\r\n                }\r\n\r\n                let eventWithTemplate: ISofEventAndTemplateAndDirection = {\r\n                    sofEvent,\r\n                    template,\r\n                    direction: sof.loading ? CargoDirections.Load : CargoDirections.Discharge\r\n                };\r\n\r\n                // Set additional info\r\n                if (template.itemLevel === SofEventTypes.Cargo || template.itemLevel === SofEventTypes.CargoOperation) {\r\n                    eventWithTemplate.additionalInfo = sof.commodity;\r\n                }\r\n\r\n                // Add berth name to event name\r\n                if (hasTriggers(template, [EventTriggerTypes.StartBerth])) {\r\n                    let berthPropertyValue = getAdditionalProperty(sofEvent.data, \"Berth\");\r\n\r\n                    try {\r\n                        if (berthPropertyValue && berthPropertyValue.id >= -1) {\r\n                            eventWithTemplate.additionalInfo = `Berth: ${berthPropertyValue.title}`\r\n                        }\r\n                    }\r\n                    catch (error) {\r\n                        console.warn(error);\r\n                    }\r\n                }\r\n\r\n                eventsWithTemplate.push(eventWithTemplate);\r\n            });\r\n        });\r\n\r\n        // ------------------------------------------------------------------------------------------------------\r\n        // Include type; First, Last, FirstAtBerth, LastAtBerth etc\r\n\r\n        eventsWithTemplate.forEach(ev => {\r\n            let includeType = ev.template.settings?.laytimeIncludeType;\r\n\r\n            if (includeType === FlowActivityEventIncludeType.First) {\r\n                let sameEvents = getEventsWithSameTemplateId(eventsWithTemplate, ev.template.id);\r\n\r\n                eventsWithTemplate.forEach((innerEv, index) => {\r\n                    if (sameEvents.map(_ => _.sofEvent.id).indexOf(innerEv.sofEvent.id) >= 0) {\r\n                        if (sameEvents[0].sofEvent.id !== innerEv.sofEvent.id) {\r\n                            innerEv.exclude = true;\r\n                            // console.log(\"Exclude\", innerEv.sofEvent.name);\r\n                        }\r\n                    }\r\n                })\r\n            }\r\n            else if (includeType === FlowActivityEventIncludeType.Last) {\r\n                let sameEvents = getEventsWithSameTemplateId(eventsWithTemplate, ev.template.id);\r\n\r\n                eventsWithTemplate.forEach((innerEv, index) => {\r\n                    if (sameEvents.map(_ => _.sofEvent.id).indexOf(innerEv.sofEvent.id) >= 0) {\r\n                        if (sameEvents[sameEvents.length - 1].sofEvent.id !== innerEv.sofEvent.id) {\r\n                            innerEv.exclude = true;\r\n                        }\r\n                    }\r\n                });\r\n            }\r\n\r\n            else if (includeType === FlowActivityEventIncludeType[\"First for berth\"]) {\r\n                let berthCalls = getBerthCalls(pc.flow, eventsWithTemplate.map(_ => _.sofEvent));\r\n\r\n                berthCalls.forEach(bc => {\r\n                    let bcEventsWithTemplate = eventsWithTemplate.filter(_ => {\r\n                        if (bc.events.map(bcEvent => bcEvent.id).indexOf(_.sofEvent.id) >= 0) {\r\n                            return _;\r\n                        }\r\n                    });\r\n\r\n                    let sameEventsForBc = getEventsWithSameTemplateId(bcEventsWithTemplate, ev.template.id);\r\n                    sameEventsForBc.map((sameEventForBc, index) => {\r\n                        if (index > 0) {\r\n                            sameEventForBc.exclude = true;\r\n                        }\r\n                    })\r\n                });\r\n            }\r\n            else if (includeType === FlowActivityEventIncludeType[\"Last for berth\"]) {\r\n                let berthCalls = getBerthCalls(pc.flow, eventsWithTemplate.map(_ => _.sofEvent));\r\n\r\n                berthCalls.forEach(bc => {\r\n                    let bcEventsWithTemplate = eventsWithTemplate.filter(_ => {\r\n                        if (bc.events.map(bcEvent => bcEvent.id).indexOf(_.sofEvent.id) >= 0) {\r\n                            return _;\r\n                        }\r\n                    });\r\n\r\n                    let sameEventsForBc = getEventsWithSameTemplateId(bcEventsWithTemplate, ev.template.id);\r\n                    sameEventsForBc.map((sameEventForBc, index) => {\r\n                        if (index < sameEventsForBc.length - 1) {\r\n                            sameEventForBc.exclude = true;\r\n                        }\r\n                    })\r\n                });\r\n            }\r\n\r\n        });\r\n\r\n        return eventsWithTemplate.sort((a, b) => {\r\n            return DateTime.fromJSDate(new Date(a.sofEvent.eventDate)) > DateTime.fromJSDate(new Date(b.sofEvent.eventDate)) ? 1 : -1;\r\n        });\r\n    }\r\n\r\n    const getEventsWithSameTemplateId = (events: ISofEventAndTemplateAndDirection[], templateId: string) => {\r\n        return events.filter(_ => _.template.id === templateId).sort((a, b) => makeDateObject(a.sofEvent.eventDate) > makeDateObject(b.sofEvent.eventDate) ? 1 : -1);\r\n    }\r\n\r\n    const getEventsWithSameDemurrageId = (events: ISofEventAndTemplateAndDirection[], demurrageId: string) => {\r\n        return events.filter(_ => _.template.demurrageId && _.template.demurrageId.trim().toLowerCase() === demurrageId.trim().toLocaleLowerCase());\r\n    }\r\n\r\n    const calculateCountFrom = (d: IDemurrage, demPortCall: IDemurragePortCall, events: ISofEventAndTemplateAndDirection[]): IDemurrageEvent | undefined => {\r\n\r\n        let countFromEvents = d.termSet!.countFrom?.events.map((countFromEvent): IDemurrageEvent | undefined => {\r\n            // Get all events with the corresponding demurrage id\r\n            let all = getEventsWithSameDemurrageId(events, countFromEvent.name);\r\n\r\n            if (all.length > 0) {\r\n                let first = sortByDate(all.map(_ => _.sofEvent))[0];\r\n                return {\r\n                    // Add minutes\r\n                    eventDate: makeDateObject(first.eventDate).plus({ minutes: countFromEvent.after }).toJSDate(),\r\n                    id: first.id,\r\n                    name: first.name,\r\n                };\r\n            }\r\n        }).filter(_ => _).sort((a, b) => { return a!.eventDate! > b!.eventDate! ? 1 : -1 });\r\n\r\n        if (countFromEvents && countFromEvents.length > 0) {\r\n            let laytimeCommencedEvent: IDemurrageEvent = {\r\n                id: uuidv4(),\r\n                name: \"Laytime commenced\",\r\n                eventDate: makeDateObject(countFromEvents[0]!.eventDate).set({ second: 0, millisecond: 0 }).toJSDate(),\r\n                comment: countFromEvents[0]!.comment,\r\n                generatedByCalculation: true\r\n            };\r\n\r\n            // Check if laycan commenced is required\r\n            if (d.termSet!.countFrom?.layCan.required && d.layCanFrom) {\r\n\r\n                let laytimeCommend = DateTime.fromJSDate(new Date(laytimeCommencedEvent.eventDate));\r\n\r\n                let startLayCan = DateTime.fromObject({\r\n                    year: new Date(d.layCanFrom).getFullYear(),\r\n                    month: new Date(d.layCanFrom).getMonth() + 1,\r\n                    day: new Date(d.layCanFrom).getDate(),\r\n                    hour: d.termSet!.countFrom.layCan.startHour,\r\n                    minute: d.termSet!.countFrom.layCan.startMinute\r\n                }, {\r\n                    zone: demPortCall.port!.timeZone\r\n                });\r\n\r\n                if (startLayCan > laytimeCommend) {\r\n                    laytimeCommencedEvent.eventDate = startLayCan.toJSDate();\r\n                    laytimeCommencedEvent.comment = `Laytime commenced at ${startLayCan.toFormat(\"HH:mm\")} on first day of layCan`;\r\n                }\r\n            }\r\n\r\n            return laytimeCommencedEvent;\r\n        }\r\n    }\r\n\r\n    const calculateCountTo = (d: IDemurrage, demPortCall: IDemurragePortCall, events: ISofEventAndTemplateAndDirection[]): IDemurrageEvent | undefined => {\r\n        let countToEvents = d.termSet!.countTo?.events.map((countToEvent): IDemurrageEvent | undefined => {\r\n            // Get all events with the corresponding demurrage id\r\n            let all = getEventsWithSameDemurrageId(events, countToEvent.name);\r\n\r\n            if (all.length > 0) {\r\n                let last = sortByDate(all.map(_ => _.sofEvent))[all.length - 1];\r\n                return {\r\n                    eventDate: makeDateObject(last.eventDate).toJSDate(),\r\n                    id: last.id,\r\n                    name: last.name,\r\n                };\r\n            }\r\n        }).filter(_ => _).sort((a, b) => { return a!.eventDate! > b!.eventDate! ? 1 : -1 });\r\n\r\n        if (countToEvents && countToEvents.length > 0) {\r\n            let laytimeCompletedEvent: IDemurrageEvent = {\r\n                id: uuidv4(),\r\n                name: \"Laytime completed\",\r\n                eventDate: makeDateObject(countToEvents[countToEvents.length - 1]!.eventDate).set({ second: 0, millisecond: 1 }).toJSDate(),\r\n                comment: countToEvents[countToEvents.length - 1]!.comment,\r\n                generatedByCalculation: true\r\n            };\r\n\r\n            return laytimeCompletedEvent;\r\n        }\r\n    }\r\n\r\n    const addDeductions = (d: IDemurrage, demPortCall: IDemurragePortCall, events: ISofEventAndTemplateAndDirection[]) => {\r\n        d.termSet!.deductions?.events.forEach(deductionEvent => {\r\n            // Find all start events\r\n            let startEvents = events.filter(ev => {\r\n                if (\r\n                    ev.template.demurrageId && ev.template.demurrageId.trim().toLowerCase() === deductionEvent.from.toLowerCase() &&\r\n                    (\r\n                        deductionEvent.direction === CargoDirections.Both ||\r\n                        deductionEvent.direction === ev.direction\r\n                    )\r\n                ) {\r\n                    return ev;\r\n                }\r\n            });\r\n\r\n            // Find the first matching to event\r\n            startEvents.forEach(startEvent => {\r\n                let stopEvent = events.find(_ =>\r\n                    makeDateObject(_.sofEvent.eventDate) > makeDateObject(startEvent.sofEvent.eventDate) &&\r\n                    _.template.demurrageId && _.template.demurrageId.trim().toLowerCase() === deductionEvent.to.toLowerCase()\r\n                );\r\n\r\n                if (stopEvent) {\r\n                    let from = makeDateObject(startEvent.sofEvent.eventDate).set({ second: 0, millisecond: 0 }).toJSDate();\r\n                    let to = makeDateObject(stopEvent.sofEvent.eventDate).set({ second: 0, millisecond: 0 }).toJSDate();\r\n\r\n                    // Check that you only deduct time within count from and to\r\n                    if (demPortCall.countFrom && makeDateObject(from) < makeDateObject(demPortCall.countFrom.eventDate)) {\r\n                        from = demPortCall.countFrom.eventDate;\r\n                    }\r\n                    if (demPortCall.countTo && makeDateObject(to) > makeDateObject(demPortCall.countTo.eventDate)) {\r\n                        to = demPortCall.countTo.eventDate;\r\n                    }\r\n\r\n                    if (from < to) {\r\n                        demPortCall.durationsFromTo.push({\r\n                            id: uuidv4(),\r\n                            durationType: DemurrageDurationType.FromTo,\r\n                            sortOrder: 0,\r\n                            add: false,\r\n                            name: startEvent.sofEvent.name + \" -> \" + stopEvent.sofEvent.name,\r\n                            from,\r\n                            to,\r\n                            percent: deductionEvent.percent,\r\n                            comment: \"Automatically generated based on terms\"\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    const addEarlyLoading = (d: IDemurrage, demPortCall: IDemurragePortCall, events: ISofEventAndTemplateAndDirection[]) => {\r\n        let startEvent = events.find(_ => _.template.demurrageId === d.termSet!.earlyLoading?.name);\r\n\r\n        if (demPortCall.reasonForCall !== CargoDirections.Load || !startEvent || !d.layCanFrom || !d.termSet!.earlyLoading?.active || !d.termSet?.earlyLoading.stopHour) {\r\n            return;\r\n        }\r\n\r\n        let start = makeDateObject(startEvent.sofEvent.eventDate);\r\n        let layCanStart = makeDateObject(d.layCanFrom).setZone(demPortCall.port?.timeZone).set({ hour: d.termSet?.earlyLoading.stopHour });\r\n        let diff = layCanStart.diff(start).as(\"milliseconds\");\r\n\r\n        if (diff > 0) {\r\n            demPortCall.durationsFromTo.push({\r\n                id: uuidv4(),\r\n                durationType: DemurrageDurationType.FromTo,\r\n                sortOrder: 0,\r\n                name: \"Early loading\",\r\n                add: false,\r\n                from: start.toJSDate(),\r\n                to: layCanStart.toJSDate(),\r\n                percent: d.termSet!.earlyLoading.percent,\r\n                comment: `Early loading deducted with ${d.termSet!.earlyLoading.percent}% based on terms`\r\n            });\r\n        }\r\n    }\r\n\r\n    const addAdditions = (d: IDemurrage, demPortCall: IDemurragePortCall, events: ISofEventAndTemplateAndDirection[]) => {\r\n        d.termSet!.additions?.events.forEach(additionEvent => {\r\n            // Find all start events\r\n            let startEvents = events.filter(ev => {\r\n                if (\r\n                    ev.template.demurrageId && ev.template.demurrageId.trim().toLowerCase() === additionEvent.from.toLowerCase() &&\r\n                    (\r\n                        additionEvent.direction === CargoDirections.Both ||\r\n                        additionEvent.direction === ev.direction\r\n                    )\r\n                ) {\r\n                    return ev;\r\n                }\r\n            });\r\n\r\n            // Find the first matching to event\r\n            startEvents.forEach(startEvent => {\r\n                let startWithAfter = DateTime.fromJSDate(new Date(startEvent.sofEvent.eventDate)).plus({ minutes: additionEvent.after }).set({ second: 0, millisecond: 0 });\r\n\r\n                let stopEvent = events.find(_ =>\r\n                    DateTime.fromJSDate(new Date(_.sofEvent.eventDate)) > startWithAfter &&\r\n                    _.template.demurrageId && _.template.demurrageId.trim().toLowerCase() === additionEvent.to.toLowerCase()\r\n                );\r\n\r\n                if (stopEvent) {\r\n                    let to = makeDateObject(stopEvent.sofEvent.eventDate).set({ second: 0, millisecond: 0 }).toJSDate();\r\n                    let comment = \"Automatically generated based on terms.\";\r\n\r\n                    // Check that you only add time outside count from and to\r\n                    if (demPortCall.countFrom && demPortCall.countTo) {\r\n                        if (startWithAfter > makeDateObject(demPortCall.countFrom.eventDate) && startWithAfter < makeDateObject(demPortCall.countTo.eventDate)) {\r\n                            startWithAfter = makeDateObject(demPortCall.countTo.eventDate);\r\n                        }\r\n                        if (startWithAfter < makeDateObject(demPortCall.countFrom.eventDate) && startWithAfter < makeDateObject(demPortCall.countTo.eventDate)) {\r\n                            to = demPortCall.countFrom.eventDate;\r\n                        }\r\n                    }\r\n\r\n                    if (startWithAfter.toJSDate() < to) {\r\n                        demPortCall.durationsFromTo.push({\r\n                            id: uuidv4(),\r\n                            durationType: DemurrageDurationType.FromTo,\r\n                            sortOrder: 0,\r\n                            add: true,\r\n                            name: startEvent.sofEvent.name + \" -> \" + stopEvent.sofEvent.name,\r\n                            from: startWithAfter.toJSDate(),\r\n                            to,\r\n                            percent: additionEvent.percent,\r\n                            comment\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    const createDemurragePortCall = (): IDemurragePortCall => {\r\n        return {\r\n            id: uuidv4(),\r\n            events: [],\r\n            durations: [],\r\n            durationsFromTo: [],\r\n            durationsWithEvents: [],\r\n            portCallId: -1,\r\n            reasonForCall: CargoDirections.Load,\r\n            cargo: []\r\n        }\r\n    }\r\n\r\n    const processDemurragePortCalls = (demurrage: IDemurrage, portCalls: IPortCallAndFlowAndSofs[], laytimeAllowedMinutes: number, termSet?: ITermSet) => {\r\n        let demurragePortCalls: IDemurragePortCall[] = [];\r\n\r\n        demurrage.portCalls.forEach(demurragePc => {\r\n\r\n            // Get the related port call\r\n            let pc = portCalls.find(_ => _.portCall.id === demurragePc.portCallId);\r\n\r\n            if (pc) {\r\n\r\n                console.warn(\"Port splitting not implemented 1\")\r\n\r\n                /*\r\n                // Set time allowed based on termset\r\n                if (pc && laytimeAllowedMinutes && termSet && termSet.portSplitting?.active) {\r\n                    if (pc.sof[0].loading) {\r\n                        let ports = portCalls.filter(_ => _.sof[0].loading);\r\n                        let percentOfTotal = termSet.portSplitting.loading / ports.length;\r\n\r\n                        demurragePc.timeAllowed = {\r\n                            minutes: (laytimeAllowedMinutes / 100) * percentOfTotal,\r\n                            percentOfTotal\r\n                        }\r\n                    }\r\n                    else {\r\n                        let ports = portCalls.filter(_ => !_.sof[0].loading);\r\n                        let percentOfTotal = termSet.portSplitting.discharging / ports.length;\r\n\r\n                        demurragePc.timeAllowed = {\r\n                            minutes: (laytimeAllowedMinutes / 100) * percentOfTotal,\r\n                            percentOfTotal\r\n                        }\r\n                    }\r\n                }\r\n\r\n                */\r\n\r\n                // Remove events generated by calculation\r\n                demurragePc.events = demurragePc.events.filter(_ => !_.generatedByCalculation);\r\n\r\n                // Clean up\r\n                demurragePc.countFrom = undefined;\r\n                demurragePc.countTo = undefined;\r\n                demurragePc.durations = [];\r\n                demurragePc.durationsFromTo = [];\r\n\r\n                if (demurrage.termSet) {\r\n                    // Only include sof events in the demurrage, in case some sof events has been deleted\r\n                    let eventsWithTemplate = getEventsWithTemplates(pc)\r\n                        .slice()\r\n                        .filter(_ => demurragePc.events.find(ev => ev.id === _.sofEvent.id))\r\n                        .map(_ => {\r\n                            // Set the event date on the SOF event in case this has been changed\r\n                            let demPcEvent = demurragePc.events.find(ev => ev.id === _.sofEvent.id)!;\r\n                            let ev: ISofEventAndTemplateAndDirection = {\r\n                                ..._,\r\n                                sofEvent: {\r\n                                    ..._.sofEvent,\r\n                                    eventDate: demPcEvent.eventDate\r\n                                }\r\n                            };\r\n                            return ev;\r\n                        });\r\n\r\n                    // Set count from and to\r\n                    let countFromEvent = calculateCountFrom(demurrage, demurragePc, eventsWithTemplate);\r\n                    let countToEvent = calculateCountTo(demurrage, demurragePc, eventsWithTemplate);\r\n\r\n                    if (countFromEvent) {\r\n                        demurragePc.events.push(countFromEvent);\r\n                        demurragePc.countFrom = countFromEvent;\r\n                    }\r\n\r\n                    if (countToEvent) {\r\n                        demurragePc.events.push(countToEvent);\r\n                        demurragePc.countTo = countToEvent;\r\n                    }\r\n\r\n                    // Duration\r\n                    addDeductions(demurrage, demurragePc, eventsWithTemplate);\r\n                    addEarlyLoading(demurrage, demurragePc, eventsWithTemplate);\r\n                    addAdditions(demurrage, demurragePc, eventsWithTemplate);\r\n                    subtractWeekDays(demurragePc, demurrage.termSet);\r\n                }\r\n\r\n                demurragePortCalls.push(demurragePc);\r\n            }\r\n        });\r\n\r\n        return demurragePortCalls;\r\n    }\r\n\r\n    const createDemurrage = (f: IFixture, portCalls: IPortCallAndFlowAndSofs[], laytimeAllowedMinutes: number, termSet?: ITermSet, templateDemurrage?: IDemurrage, newVersion?: boolean): IDemurrage => {\r\n        let demurrage: IDemurrage = templateDemurrage\r\n            ? {\r\n                ...templateDemurrage,\r\n                version: newVersion ? -1 : templateDemurrage.version,\r\n                id: newVersion ? -1 : templateDemurrage.id,\r\n                created: DateTime.now().toJSDate(),\r\n                portCalls: [],\r\n                calculations: [],\r\n                quantityProcessed: 0\r\n            }\r\n            : {\r\n                id: -1,\r\n                version: -1,\r\n                portCalls: [],\r\n                active: true,\r\n                totalTimeConsumedMs: 0,\r\n                totalTimeOnDemurrageMs: 0,\r\n                payable: 0,\r\n                termSet: termSet,\r\n                terms: termSet?.name,\r\n                demurrageRate: f.demurrageRate,\r\n                currency: f.currency,\r\n                timeAllowedInMinutes: laytimeAllowedMinutes,\r\n                calculations: [],\r\n                layCanFrom: f.layCanFrom,\r\n                layCanTo: f.layCanTo,\r\n            };\r\n\r\n        // Create demurrage portcalls\r\n        portCalls.forEach(pc => {\r\n\r\n            let demPortCall = createDemurragePortCall();\r\n            demPortCall.port = pc.portCall.port;\r\n            demPortCall.portCallId = pc.portCall.id;\r\n            demPortCall.reasonForCall = pc.sof[0].loading ? CargoDirections.Load : CargoDirections.Discharge;\r\n\r\n            // Add cargo\r\n            demPortCall.cargo = pc.sof.map(s => {\r\n                if (!s.loading) {\r\n\r\n                    console.log(\"For each sof\", s.quantityProcessed, demurrage.quantityProcessed);\r\n\r\n\r\n\r\n                    demurrage.quantityProcessed = (demurrage.quantityProcessed ? demurrage.quantityProcessed : 0) + s.quantityProcessed;;\r\n                }\r\n\r\n                return {\r\n                    cargoId: s.cargoId,\r\n                    cargoPortId: s.cargoPortId,\r\n                    sofId: s.id,\r\n                    quantityProcessed: s.quantityProcessed,\r\n                    quantity: s.quantity,\r\n                    commodity: s.commodity,\r\n                    measurement: s.measurement\r\n                }\r\n            });\r\n\r\n            // Set time allowed based on termset\r\n            if (laytimeAllowedMinutes && termSet && termSet.portSplitting?.active) {\r\n                if (pc.sof[0].loading) {\r\n                    let ports = portCalls.filter(_ => _.sof[0].loading);\r\n                    let percentOfTotal = termSet.portSplitting.loading / ports.length;\r\n\r\n                    // demPortCall.timeAllowedInMinutes = (f.timeAllowedInMinutes / 100) * percentAllowed;\r\n\r\n                    console.warn(\"Port splitting not implemented 2\")\r\n\r\n                    /*\r\n                    demPortCall.timeAllowed = {\r\n                        minutes: (laytimeAllowedMinutes / 100) * percentOfTotal,\r\n                        percentOfTotal\r\n                    }\r\n                    */\r\n                }\r\n                else {\r\n                    let ports = portCalls.filter(_ => !_.sof[0].loading);\r\n                    let percentOfTotal = termSet.portSplitting.discharging / ports.length;\r\n\r\n                    // demPortCall.timeAllowedInMinutes = (f.timeAllowedInMinutes / 100) * percentAllowed;\r\n\r\n                    console.warn(\"Port splitting not implemented 3\")\r\n                    // demPortCall.timeAllowed = {\r\n                    //     minutes: (laytimeAllowedMinutes / 100) * percentOfTotal,\r\n                    //     percentOfTotal\r\n                    // }\r\n                }\r\n            }\r\n\r\n            // Get all events with template\r\n            let eventsWithTemplate = getEventsWithTemplates(pc);\r\n\r\n            // Cast all events to demurrage events\r\n            demPortCall.events = eventsWithTemplate.map(_ => {\r\n                return castToDemurrageEvent(_.sofEvent, _.exclude, _.additionalInfo);\r\n            });\r\n\r\n            if (demurrage.termSet) {\r\n                let countFromEvent = calculateCountFrom(demurrage, demPortCall, eventsWithTemplate);\r\n                let countToEvent = calculateCountTo(demurrage, demPortCall, eventsWithTemplate);\r\n\r\n                if (countFromEvent) {\r\n                    demPortCall.events.push(countFromEvent);\r\n                    demPortCall.countFrom = countFromEvent;\r\n                }\r\n\r\n                if (countToEvent) {\r\n                    demPortCall.events.push(countToEvent);\r\n                    demPortCall.countTo = countToEvent;\r\n                }\r\n\r\n                addDeductions(demurrage, demPortCall, eventsWithTemplate);\r\n                addEarlyLoading(demurrage, demPortCall, eventsWithTemplate);\r\n                addAdditions(demurrage, demPortCall, eventsWithTemplate);\r\n                subtractWeekDays(demPortCall, demurrage.termSet);\r\n            }\r\n\r\n            demurrage.portCalls.push(demPortCall);\r\n        });\r\n\r\n        // Set cargo string\r\n        demurrage.cargo = getUniqueStrings(demurrage.portCalls.flatMap(_ => _.cargo).map(_ => _.commodity)).join(\", \");\r\n\r\n        return demurrage;\r\n    }\r\n\r\n    return { createDemurrage, createDemurragePortCall, processDemurragePortCalls, getTermFromFirstCargoPort, summarizeLaytimeFromCargoPorts };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faGripVertical } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 38px;\r\n    border-bottom: 1px solid transparent;\r\n    position: relative;\r\n`;\r\n\r\nconst InnerContainer = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    height: inherit;\r\n`;\r\n\r\nconst Counting = styled.div`\r\n    position: absolute;\r\n    height: inherit;\r\n    width: 8px;\r\n    right: -3px;\r\n    display: flex;\r\n    align-items: center;\r\n`;\r\n\r\nconst Dot = styled.div`\r\n    min-width: 10px;\r\n    max-width: 10px;\r\n    height: 10px;\r\n    background-color: #444;\r\n    border-radius: 50%;\r\n    z-index: 1;\r\n`;\r\n\r\nconst Line = styled.div`\r\n    position: absolute;\r\n    width: 2px;\r\n    background-color: #444;\r\n    left: 4px;\r\n    z-index: 1;\r\n`;\r\n//#endregion \r\n\r\nexport const DemDragDropBox: React.FC<{ isFrom: boolean, isTo: boolean, isCounting: boolean, showLine: boolean, onDrop: (dragged: \"from\" | \"to\") => void }> = ({ isFrom, isTo, isCounting, showLine, onDrop }) => {\r\n    let containerRef: HTMLDivElement | null;\r\n\r\n    const [isDragging, setIsDragging] = useState(false);\r\n    const [isOver, setIsOver] = useState(false);\r\n\r\n    const handleDrop = (ev: any) => {\r\n        ev.stopPropagation();\r\n\r\n        let data = ev.dataTransfer.getData('text/html');\r\n\r\n        setIsOver(false);\r\n        onDrop(data);\r\n\r\n        return false;\r\n    }\r\n\r\n    const handleDragStart = (e: any) => {\r\n        setIsDragging(true);\r\n        e.dataTransfer.effectAllowed = 'move';\r\n        e.dataTransfer.setData('text/html', isFrom ? \"from\" : \"to\");\r\n    }\r\n\r\n    const handleDragEnd = (e: any) => {\r\n        setIsDragging(false);\r\n    }\r\n\r\n    const handleDragEnter = (e: any) => {\r\n        setIsOver(true);\r\n    }\r\n\r\n    const handleDragLeave = (e: any) => {\r\n        setIsOver(false);\r\n    }\r\n\r\n    const handleDragOver = (e: any) => {\r\n        e.preventDefault();\r\n        return false;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (containerRef) {\r\n            containerRef.addEventListener(\"drop\", handleDrop);\r\n            containerRef.addEventListener(\"dragstart\", handleDragStart);\r\n            containerRef.addEventListener(\"dragend\", handleDragEnd);\r\n            containerRef.addEventListener(\"dragenter\", handleDragEnter);\r\n            containerRef.addEventListener(\"dragleave\", handleDragLeave);\r\n            containerRef.addEventListener(\"dragover\", handleDragOver);\r\n        }\r\n\r\n        return (() => {\r\n            if (containerRef) {\r\n                containerRef.removeEventListener(\"drop\", handleDrop);\r\n                containerRef.removeEventListener(\"dragstart\", handleDragStart);\r\n                containerRef.removeEventListener(\"dragend\", handleDragEnd);\r\n                containerRef.removeEventListener(\"dragenter\", handleDragEnter);\r\n                containerRef.removeEventListener(\"dragleave\", handleDragLeave);\r\n                containerRef.removeEventListener(\"dragover\", handleDragOver);\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <Container>\r\n            <InnerContainer\r\n                draggable={isFrom || isTo}\r\n                ref={_ => containerRef = _}\r\n                style={{\r\n                    opacity: isDragging ? .2 : 1,\r\n                    backgroundColor: isOver ? \"#eee\" : undefined,\r\n                    cursor: isDragging ? undefined : \"grab\"\r\n                }}\r\n            >\r\n                {(isFrom || isTo) &&\r\n                    <FontAwesomeIcon icon={faGripVertical}\r\n                        title={`Drag to change counting ${isFrom ? \"from\" : \"to\"}`}\r\n                        style={{ color: isDragging ? \"#555\" : \"#ccc\" }}\r\n                    />\r\n                }\r\n\r\n                {isCounting &&\r\n                    <Counting\r\n                        style={{\r\n                            opacity: isDragging ? 0 : 1,\r\n                        }}\r\n                    >\r\n                        {(isFrom || isTo) && showLine &&\r\n                            <Dot />\r\n                        }\r\n                        {showLine &&\r\n                            <Line\r\n                                style={{\r\n                                    height: isFrom ? \"20px\" : \"43px\",\r\n                                    top: isFrom ? \"20px\" : undefined,\r\n                                    bottom: isTo ? \"20px\" : undefined\r\n                                }}\r\n                            />\r\n                        }\r\n                    </Counting>\r\n                }\r\n            </InnerContainer>\r\n        </Container>\r\n    )\r\n}","import React from \"react\";\r\nimport { IDemurrageEvent } from \"../../../../../../../interfaces/demurrage/IDemurrageEvent\";\r\nimport { useEventFunctions } from \"../../../../../../../globalHooks/useEventFunctions\";\r\nimport { IDemurragePortCall } from \"../../../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { DemDragDropBox } from \"./DemDragDropBox\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { useFixtureProvider } from \"../../../../../../../contextHooks/FixtureContext\";\r\n\r\nexport const CountFromToDragDrop: React.FC<{ portCall: IDemurragePortCall, onChange: (ev: IDemurrageEvent, dragged: \"from\" | \"to\") => void }> = ({ portCall, onChange }) => {\r\n    const { showExcludedEvents } = useFixtureProvider();\r\n    const { sortByDate } = useEventFunctions();\r\n\r\n    let countingStarted = false;\r\n    let countingEnded = false;\r\n\r\n    return (\r\n        <div>\r\n            {sortByDate(\r\n                showExcludedEvents\r\n                    ? portCall.events.slice()\r\n                    : portCall.events.slice().filter(_ => !_.exclude)\r\n            ).map(demEvent => {\r\n\r\n                let isFrom = demEvent.id === portCall.countFrom?.id;\r\n                let isTo = demEvent.id === portCall.countTo?.id;\r\n\r\n                if (isFrom) {\r\n                    countingStarted = true;\r\n                }\r\n\r\n                let isCounting = countingStarted && !countingEnded;\r\n\r\n                if (isTo) {\r\n                    countingEnded = true;\r\n                }\r\n\r\n                return (\r\n                    <DemDragDropBox\r\n                        key={uuidv4()}\r\n                        isFrom={isFrom}\r\n                        isTo={isTo}\r\n                        isCounting={isCounting}\r\n                        showLine={(portCall.countFrom && portCall.countTo) ? true : false}\r\n                        onDrop={dragged => {\r\n                            if (isFrom || isTo) {\r\n                                return;\r\n                            }\r\n                            onChange(demEvent, dragged)\r\n                        }}\r\n                    />\r\n                );\r\n            })}\r\n        </div>\r\n    )\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DefaultButton, IButtonStyles, IContextualMenuItem } from \"@fluentui/react\";\r\nimport { Duration } from \"luxon\";\r\nimport { useEventFunctions } from \"../../../../../../globalHooks/useEventFunctions\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useDemurragePortCall } from \"../../../../../../hooks/useDemurragePortCall\";\r\nimport { IDemurragePortCall } from \"../../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { IDemurrageEvent } from \"../../../../../../interfaces/demurrage/IDemurrageEvent\";\r\nimport { useFixtureProvider } from \"../../../../../../contextHooks/FixtureContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    font-size: 14px;\r\n    padding: 0 25px 0 17px;\r\n    border-top: 1px dashed #59a0ff;\r\n    background-color: #fafafa;\r\n    font-weight: 500;\r\n`;\r\n\r\nconst Pickers = styled.div`\r\n    display: flex;\r\n    flex-grow: 1;\r\n\r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n`;\r\n\r\nconst Total = styled.div`\r\n    display: flex;\r\n    align-items: center;\r\n    font-weight: 600;\r\n`;\r\n//#endregion \r\n\r\nexport const DemCountFromToDropDown: React.FC<{ portCall: IDemurragePortCall, onChange: (_: IDemurragePortCall) => void }> = ({ portCall, onChange }) => {\r\n    const { showExcludedEvents } = useFixtureProvider();\r\n    const { sortByDate } = useEventFunctions();\r\n    const { getDurationString } = useDateFunctions();\r\n    const { getTimeUsedInPort } = useDemurragePortCall();\r\n\r\n    const btnStyle: IButtonStyles = {\r\n        root: {\r\n            padding: \"2px 8px 0\",\r\n            border: \"none !important\",\r\n            backgroundColor: \"transparent\",\r\n            height: \"44px\"\r\n        },\r\n        rootHovered: {\r\n            backgroundColor: \"transparent\"\r\n        },\r\n        rootExpanded: {\r\n            backgroundColor: \"transparent\"\r\n        },\r\n        label: {\r\n            fontWeight: 500,\r\n            color: \"#5e8ac5\"\r\n        }\r\n    };\r\n\r\n    const getItems = (fromTo: \"from\" | \"to\"): IContextualMenuItem[] => {\r\n        return sortByDate(\r\n            showExcludedEvents\r\n                ? portCall.events.slice()\r\n                : portCall.events.slice().filter(_ => !_.exclude)\r\n        ).map((_: IDemurrageEvent) => {\r\n            return ({\r\n                key: _.id,\r\n                text: _.name,\r\n                title: _.exclude ? \"Excluded event\" : undefined,\r\n                disabled: _.id === portCall.countFrom?.id || _.id === portCall.countTo?.id || _.exclude,\r\n                itemProps: {\r\n                    styles: {\r\n                        label: {\r\n                            color: _.exclude ? \"#bbb\" : undefined,\r\n                            textDecoration: _.exclude ? \"line-through\" : undefined,\r\n                            textDecorationColor: _.exclude ? \"#888\" : undefined\r\n                        }\r\n                    }\r\n                },\r\n                onClick: () => {\r\n                    onChange({\r\n                        ...portCall,\r\n                        countFrom: fromTo === \"from\" ? _ : portCall.countFrom,\r\n                        countTo: fromTo === \"to\" ? _ : portCall.countTo,\r\n                    })\r\n                }\r\n            });\r\n        });\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Pickers>\r\n                <div>Count from</div>\r\n                <div>\r\n                    <DefaultButton\r\n                        text={portCall.countFrom ? portCall.countFrom.name : \"n/a\"}\r\n                        styles={btnStyle}\r\n                        menuProps={{\r\n                            items: getItems(\"from\")\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div>to</div>\r\n                <div>\r\n                    <DefaultButton\r\n                        text={portCall.countTo ? portCall.countTo.name : \"n/a\"}\r\n                        styles={btnStyle}\r\n                        menuProps={{\r\n                            items: getItems(\"to\")\r\n                        }}\r\n                    />\r\n                </div>\r\n            </Pickers>\r\n            <Total title={Duration.fromMillis(getTimeUsedInPort(portCall)).toFormat(\"hh 'hours,' mm 'minutes,' ss 'seconds'\")}>\r\n                {getDurationString(getTimeUsedInPort(portCall), false, true)}\r\n            </Total>\r\n        </Container>\r\n    );\r\n};","import { Duration } from \"luxon\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { useDemurragePortCall } from \"../../../../../../hooks/useDemurragePortCall\";\r\nimport { useStringFunctions } from \"../../../../../../hooks/useStringFunctions\";\r\nimport { IDemurragePortCall } from \"../../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { useFixtureProvider } from \"../../../../../../contextHooks/FixtureContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #59a0ff;\r\n    background-color: #fafafa;\r\n    border-radius: 0 0 4px 4px;\r\n    border-bottom: 1px solid #4177bf;\r\n    padding: 20px 25px 20px 17px;\r\n`;\r\n\r\nconst Info = styled.div`\r\n    font-size: 14px;\r\n    color: #999;\r\n    margin: -4px 0 10px;\r\n\r\n    >div {\r\n        display: flex;\r\n        margin: 4px 0;\r\n\r\n        >div:first-child {\r\n            flex-grow: 1;\r\n        }\r\n\r\n        :hover {\r\n            color: #333;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Consumed = styled.div`\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        flex-grow: 1;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DemTimeConsumedInPort: React.FC<{ portCall: IDemurragePortCall }> = ({ portCall }) => {\r\n    const { getDurationString } = useDateFunctions();\r\n    const { getTimeAllowedInPort, getTotalTimeUsedInPort } = useDemurragePortCall();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { demurrage } = useFixtureProvider();\r\n\r\n    const hasValue = (value?: number) => {\r\n        return value !== null && value !== undefined && value > 0;\r\n    }\r\n\r\n    if (!demurrage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {hasValue(demurrage.timeAllowedInMinutes) && hasValue(portCall.timeAllowedInPercent) &&\r\n                <Info>\r\n                    <div>\r\n                        <div>\r\n                            Time allowed ({portCall.timeAllowedInPercent}% of total)\r\n                        </div>\r\n                        <div>\r\n                            {getDurationString(getTimeAllowedInPort(demurrage!, portCall), false, true)}\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            Time on demurrage\r\n                        </div>\r\n                        <div>\r\n                            {portCall.timeOnDemurrageMs !== undefined ? getDurationString(portCall.timeOnDemurrageMs, false, true) : \"n/a\"}\r\n                        </div>\r\n                    </div>\r\n                </Info>\r\n            }\r\n\r\n            {hasValue(portCall.timeAllowedInMinutes) &&\r\n                <Info>\r\n                    <div>\r\n                        <div>\r\n                            Time allowed\r\n                        </div>\r\n                        <div>\r\n                            {getDurationString(getTimeAllowedInPort(demurrage!, portCall), false, true)}\r\n                        </div>\r\n                    </div>\r\n                    <div>\r\n                        <div>\r\n                            Time on demurrage\r\n                        </div>\r\n                        <div>\r\n                            {portCall.timeOnDemurrageMs !== undefined ? getDurationString(portCall.timeOnDemurrageMs, false, true) : \"n/a\"}\r\n                        </div>\r\n                    </div>\r\n                </Info>\r\n            }\r\n\r\n            <Consumed title={Duration.fromMillis(getTotalTimeUsedInPort(portCall)).toFormat(\"hh 'hours,' mm 'minutes,' ss 'seconds'\")}>\r\n                <div>\r\n                    Time consumed in {toCapitalLetters(portCall.port!.name)}\r\n                </div>\r\n                <div>\r\n                    {getDurationString(portCall.timeConsumedMs, false, true)}\r\n                </div>\r\n            </Consumed>\r\n        </Container>\r\n    );\r\n};","import React, { useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton, Checkbox } from \"@fluentui/react\";\r\nimport { faCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { ICargoPort } from \"../../interfaces/ICargoPort\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../appGridTableNew/AppGridTableNew\";\r\nimport { ICargo } from \"../../interfaces/ICargo\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: relative;\r\n    box-shadow: 0 10px 10px #ddd;\r\n    margin: 0 -30px 30px;\r\n\r\n    .cbx {\r\n        margin: 20px 30px;\r\n    }\r\n\r\n    .input {\r\n        display: grid;\r\n        grid-template-columns: 1fr 42px;\r\n\r\n        >div:first-child {\r\n            >div:first-child {\r\n                >div {\r\n                    >div {\r\n                        >div {\r\n                            border: 1px solid #555;\r\n                            border-right: none;\r\n                            border-radius: 2px 0 0 2px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            background-color: #f3f2f1;\r\n            border: 1px solid #555;\r\n            height: 30px;\r\n            font-size: 16px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #666;\r\n            border-left-color: #ddd;\r\n        }\r\n    }\r\n\r\n    .table {\r\n        border-top: 1px solid #eee;\r\n\r\n        td {\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .sum {\r\n        padding: 20px 30px;\r\n        display: grid;\r\n        grid-template-columns: repeat(2, auto);\r\n        border-bottom: 1px solid #eee;\r\n        background-color: #eef5ff;\r\n\r\n        >div:last-child {\r\n            text-align: right;\r\n            color: #4177bf;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n\r\n    .buttons {\r\n        padding-right: 40px;\r\n        text-align: right;\r\n\r\n        button {\r\n            height: 46px;\r\n        }\r\n    }\r\n\r\n    .blue-line {\r\n        position: absolute;\r\n        height: calc(100% + 30px);\r\n        width: 28px;\r\n        top: -56px;\r\n        right: 0; //-30px;\r\n        border: 2px solid #4177bf;\r\n        border-left: none;\r\n        border-radius: 0 4px 4px 0;\r\n    }\r\n`;\r\n\r\nconst Info = styled.div`\r\n    /* Direction commodity and port call */\r\n    display: grid;\r\n    grid-template-columns: 24px 1fr;\r\n\r\n    >div:first-child {\r\n        >div {\r\n            border: 1px solid #aaa;\r\n            width: 14px;\r\n            height: 14px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        text-overflow: ellipsis;\r\n        overflow-x: hidden;\r\n\r\n        .sub {\r\n            color: #aaa;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AllowedLaytimePortPicker: React.FC<{ onDismiss: () => void, onCommit: (minutes: number | undefined) => void, cargos: ICargo[] }> = ({ onDismiss, onCommit, cargos }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getDurationString, makeDateObject } = useDateFunctions();\r\n    const [summarizeAllowedLaytime, setSummarizeAllowedLaytime] = useState(true);\r\n    const [selectedCpIds, setSelctedCpIds] = useState<number[]>([]);\r\n    const containerRef = useRef(null);\r\n    const activeCargoPorts = cargos\r\n            .filter(_ => _.cargoPorts)\r\n            .flatMap(c => c.cargoPorts!)\r\n            .filter(cp => !cp.inActive)\r\n            .sort((a, b) => makeDateObject(a.scheduledArrival!) > makeDateObject(b.scheduledArrival!) ? 1 : -1);\r\n\r\n    const toggleSelected = (cp: ICargoPort) => {\r\n        let _checked = selectedCpIds.find(_ => _ === cp.id);\r\n        let _ids = selectedCpIds.filter(_ => _ !== cp.id);\r\n\r\n        if (!_checked) {\r\n            _ids.push(cp.id);\r\n        }\r\n\r\n        setSelctedCpIds(_ids);\r\n    }\r\n\r\n    const totalAllowedLaytime = () => {\r\n        let total = 0;\r\n\r\n        activeCargoPorts.forEach(cp => {\r\n            if (summarizeAllowedLaytime || selectedCpIds.find(_ => _ === cp?.id)) {\r\n                total += cp?.laytimeAllowedMinutes ? cp.laytimeAllowedMinutes : 0;\r\n            }\r\n        });\r\n\r\n        return total;\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Selected\",\r\n            gridCellWidth: \"76px\",\r\n            title: <FontAwesomeIcon\r\n                icon={faCheck}\r\n                title={summarizeAllowedLaytime ? undefined : \"Toggle all ports\"}\r\n                style={{ cursor: summarizeAllowedLaytime ? \"default\" : \"pointer\" }}\r\n                onClick={summarizeAllowedLaytime\r\n                    ? undefined\r\n                    : () => {\r\n                        let cargoPorts = cargos?.flatMap(_ => _.cargoPorts);\r\n                        if (cargoPorts) {\r\n                            if (selectedCpIds.length === cargoPorts.length) {\r\n                                setSelctedCpIds([]);\r\n                            }\r\n                            else {\r\n                                setSelctedCpIds(cargoPorts.map(_ => _!.id))\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            />,\r\n            render: (cp: ICargoPort) => {\r\n                return (\r\n                    <Checkbox\r\n                        disabled={summarizeAllowedLaytime}\r\n                        checked={(summarizeAllowedLaytime || selectedCpIds.find(_ => _ === cp.id)) ? true : false}\r\n                        onChange={(ev, checked) => {\r\n                            toggleSelected(cp);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Info\",\r\n            render: (cp: ICargoPort) => {\r\n                let _cp: any = cp;\r\n                let cargo = cargos?.find(_ => _.id === _cp.cargoId);\r\n                let sub: string[] = [toCapitalLetters(cp.portObject?.name)];\r\n\r\n                if (cp.laytimeTerm) {\r\n                    sub.push(toCapitalLetters(cp.laytimeTerm))\r\n                }\r\n\r\n                return (\r\n                    <Info title={`${cp.reasonForCall === \"L\" ? \"Loading\" : \"Discharging\"} in ${sub.join(\" / \")}`}>\r\n                        <div>\r\n                            <div>\r\n                                {cp.reasonForCall}\r\n                            </div>\r\n                        </div>\r\n                        <div>\r\n                            <span>{cargo?.commodity?.name}</span>\r\n                            <br />\r\n                            <span className=\"sub\">{sub.join(\" / \")}</span>\r\n                        </div>\r\n                    </Info>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"LaytimeAllowedMinutes\",\r\n            title: \"Allowed laytime\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"fit-content(140px)\",\r\n            noPadding: true,\r\n            render: (cp: ICargoPort) => {\r\n                if (cp.laytimeAllowedMinutes) {\r\n                    let included = (summarizeAllowedLaytime || selectedCpIds.find(_ => _ === cp.id)) ? true : false;\r\n                    let durationStringShort = getDurationString(cp.laytimeAllowedMinutes * 60 * 1000);\r\n                    let durationStringLong = getDurationString(cp.laytimeAllowedMinutes * 60 * 1000, false, true);\r\n\r\n                    return (\r\n                        <div title={`${durationStringLong} - (${cp.laytimeAllowedMinutes} minutes)`} style={{ padding: \"14px 30px 14px 12px\", textDecoration: included ? undefined : \"line-through\" }}>\r\n                            {durationStringShort}\r\n                        </div>\r\n                    );\r\n                }\r\n\r\n                return (\r\n                    <div title=\"Laytime not defined\" style={{ padding: \"14px 30px 14px 12px\" }}>\r\n                        -\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container ref={containerRef}>\r\n            <Checkbox\r\n                className=\"cbx\"\r\n                label=\"Summarize all cargo ports\"\r\n                checked={summarizeAllowedLaytime}\r\n                onChange={(ev, checked) => {\r\n                    setSummarizeAllowedLaytime(checked ? checked : false);\r\n                }}\r\n            />\r\n            <div className=\"table\">\r\n                <AppGridTableNew\r\n                    hideHeader\r\n                    bottomBorder\r\n                    emptyMessage=\"No cargo port data available at the moment\"\r\n                    noHoverColor={summarizeAllowedLaytime}\r\n                    columns={columns}\r\n                    data={activeCargoPorts}\r\n                    rowClick={summarizeAllowedLaytime ? undefined : toggleSelected}\r\n                />\r\n            </div>\r\n\r\n            <div className=\"sum\">\r\n                <div>\r\n                    Apply total allowed laytime:\r\n                </div>\r\n                <div>\r\n                    {getDurationString(totalAllowedLaytime() * 60 * 1000)}\r\n                </div>\r\n            </div>\r\n            <div className=\"buttons\">\r\n                <ActionButton\r\n                    iconProps={{ iconName: \"StatusCircleCheckmark\", style: { fontSize: \"20px\" } }}\r\n                    text=\"Ok\"\r\n                    title=\"Apply laytime\"\r\n                    onClick={() => onCommit(totalAllowedLaytime())}\r\n                />\r\n                <ActionButton\r\n                    iconProps={{ iconName: \"StatusCircleErrorX\", style: { fontSize: \"20px\" } }}\r\n                    text=\"Cancel\"\r\n                    title=\"Close cargo ports\"\r\n                    onClick={onDismiss}\r\n                />\r\n            </div>\r\n\r\n            <div className=\"blue-line\" />\r\n\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faChevronDown, faChevronUp, faRandom } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Duration } from \"luxon\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { AllowedLaytimePortPicker } from \"./AllowedLaytimePortPicker\";\r\nimport { ICargo } from \"../../interfaces/ICargo\";\r\nimport { AppNumericTextField } from \"../inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .input {\r\n        .all {\r\n            display: grid;\r\n            grid-template-columns: auto auto auto;\r\n        }\r\n\r\n        display: grid;\r\n        grid-template-columns: 1fr auto auto;\r\n        border: 1px solid #605e5c;\r\n        border-radius: 2px;\r\n\r\n        .input-type {\r\n            background-color: #f3f2f1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0 10px;\r\n            border-left: 1px solid #ddd;\r\n            cursor: pointer;\r\n            user-select: none;\r\n\r\n            :hover {\r\n                background-color: #4177bf;\r\n                color: white;\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n\r\n        .icon {\r\n            background-color: #f3f2f1;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 0 10px;\r\n            border-left: 1px solid #ddd;\r\n            cursor: pointer;\r\n            \r\n            :hover {\r\n                background-color: #4177bf;\r\n                color: white;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n\r\n\r\n    .description {\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        padding: 4px 2px 0 2px;\r\n        color: #605e5c;\r\n        font-weight: 500;\r\n        text-transform: uppercase;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AllowedLaytime: React.FC<{ minutes?: number, onChange: (minutes?: number) => void, cargos?: ICargo[] }> = ({ minutes, onChange, cargos }) => {\r\n    const defaultInputType = localStorage.getItem(\"FixtureLayTimeInput\");\r\n    const { getDurationString } = useDateFunctions();\r\n    const [laytimePickerOpen, setlayTimePickerOpen] = useState(false);\r\n    const [inputType, setInputType] = useState<string>(defaultInputType ?? \"hours\");\r\n    const [value, setValue] = useState<string>(\"\");\r\n    const [duration, setDuration] = useState<Duration>(Duration.fromObject({ minutes }));\r\n    const inputTypes = [\"minutes\", \"hours\", \"days\", \"d h m\"];\r\n\r\n    const TxtStyles: any = {\r\n        field: {\r\n            textAlign: \"right\"\r\n        },\r\n        fieldGroup: {\r\n            height: \"30px;\"\r\n        },\r\n        suffix: {\r\n            backgroundColor: \"white\",\r\n            fontSize: \"12px\",\r\n            paddingTop: \"2px\",\r\n            color: \"#aaa\",\r\n            paddingLeft: 0\r\n        }\r\n    };\r\n\r\n    const toggleInputType = () => {\r\n        let index = inputTypes.indexOf(inputType);\r\n        if (index < inputTypes.length - 1) {\r\n            setInputType(inputTypes[index + 1]);\r\n        }\r\n        else {\r\n            setInputType(inputTypes[0]);\r\n        }\r\n    }\r\n\r\n    const getDescription = () => {\r\n        if (inputType === \"d h m\") {\r\n            return \"days, hours and minutes\";\r\n        }\r\n\r\n        return inputType;\r\n    }\r\n\r\n    const updateValue = (value?: number) => {\r\n        // Set display value\r\n        setValue(value && value > 0 ? value.toString() : \"\");\r\n\r\n        let minutes = value;\r\n        if (value) {\r\n            switch (inputType) {\r\n                case \"hours\":\r\n                    minutes = Duration.fromObject({ hours: value }).as(\"minutes\");\r\n                    break;\r\n                case \"days\":\r\n                    minutes = Duration.fromObject({ days: value }).as(\"minutes\");\r\n                    break;\r\n            }\r\n        }\r\n\r\n        onChange(minutes);\r\n    }\r\n\r\n    const setDurationFromTotalMinutes = () => {\r\n        let d = Duration.fromObject({ minutes });\r\n\r\n        // Get the total days, hours, and minutes from the duration\r\n        const _days = Math.floor(d.as('days'));\r\n        const _hours = Math.floor(d.minus({ days: _days }).as('hours'));\r\n        const _minutes = Math.floor(d.minus({ days: _days, hours: _hours }).as('minutes'));\r\n\r\n        setDuration(Duration.fromObject({\r\n            minutes: _minutes,\r\n            hours: _hours,\r\n            days: _days\r\n        }));\r\n\r\n        switch (inputType) {\r\n            case \"minutes\":\r\n                setValue(d.as(\"minutes\").toString());\r\n                break;\r\n            case \"hours\":\r\n                setValue(d.as(\"hours\").toString());\r\n                break;\r\n            case \"days\":\r\n                setValue(d.as(\"days\").toString());\r\n                break;\r\n        }\r\n    }\r\n\r\n    const setDisplayValue = () => {\r\n        let d = Duration.fromObject({ minutes });\r\n\r\n        switch (inputType) {\r\n            case \"minutes\":\r\n                setValue(d.as(\"minutes\").toString());\r\n                break;\r\n            case \"hours\":\r\n                setValue(d.as(\"hours\").toString());\r\n                break;\r\n            case \"days\":\r\n                setValue(d.as(\"days\").toString());\r\n                break;\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setDurationFromTotalMinutes();\r\n        setDisplayValue();\r\n    }, [minutes])\r\n\r\n    useEffect(() => {\r\n        setDurationFromTotalMinutes();\r\n        setDisplayValue();\r\n\r\n        localStorage.setItem(\"FixtureLayTimeInput\", inputType);\r\n    }, [inputType])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"input\">\r\n                {inputType == \"d h m\"\r\n                    ?\r\n                    <div className=\"all\">\r\n                        <AppNumericTextField\r\n                            key=\"all-days\"\r\n                            autoComplete=\"off\"\r\n                            borderless\r\n                            wholeNumbersOnly\r\n                            title=\"days\"\r\n                            value={duration.days > 0 ? duration.days.toString() : \"\"}\r\n                            suffix=\"days\"\r\n                            styles={TxtStyles}\r\n                            onChange={(ev, newValue) => {\r\n                                let d = Duration.fromObject({\r\n                                    days: Number(newValue),\r\n                                    hours: duration.hours,\r\n                                    minutes: duration.minutes\r\n                                });\r\n\r\n                                let totalMinutes = (d.days * 24 * 60) + (d.hours * 60) + d.minutes;\r\n                                onChange(totalMinutes);\r\n                            }}\r\n                        />\r\n                        <AppNumericTextField\r\n                            key=\"all-hours\"\r\n                            autoComplete=\"off\"\r\n                            borderless\r\n                            wholeNumbersOnly\r\n                            title=\"hrs\"\r\n                            value={duration.hours > 0 ? duration.hours.toString() : \"\"}\r\n                            suffix=\"hrs\"\r\n                            styles={TxtStyles}\r\n                            onChange={(ev, newValue) => {\r\n                                if (Number(newValue) < 24) {\r\n                                    let d = Duration.fromObject({\r\n                                        days: duration.days,\r\n                                        hours: Number(newValue),\r\n                                        minutes: duration.minutes\r\n                                    });\r\n\r\n                                    let totalMinutes = (d.days * 24 * 60) + (d.hours * 60) + d.minutes;\r\n                                    onChange(totalMinutes);\r\n                                }\r\n                            }}\r\n                        />\r\n                        <AppNumericTextField\r\n                            key=\"all-minutes\"\r\n                            autoComplete=\"off\"\r\n                            borderless\r\n                            title=\"mins\"\r\n                            wholeNumbersOnly\r\n                            value={duration.minutes > 0 ? duration.minutes.toString() : \"\"}\r\n                            suffix=\"mins\"\r\n                            styles={TxtStyles}\r\n                            onChange={(ev, newValue) => {\r\n                                if (Number(newValue) < 60) {\r\n                                    let d = Duration.fromObject({\r\n                                        days: duration.days,\r\n                                        hours: duration.hours,\r\n                                        minutes: Number(newValue)\r\n                                    });\r\n\r\n                                    let totalMinutes = (d.days * 24 * 60) + (d.hours * 60) + d.minutes;\r\n                                    onChange(totalMinutes);\r\n                                }\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    :\r\n                    <div className=\"normal\">\r\n                        <AppNumericTextField\r\n                            key={`normal-${inputType}`}\r\n                            autoComplete=\"off\"\r\n                            borderless\r\n                            suffix={getDescription()}\r\n                            title={getDurationString((minutes ? minutes : 0) * 60 * 1000, false, true)}\r\n                            value={value && value !== \"0\" ? value : \"\"}\r\n                            styles={TxtStyles}\r\n                            onChange={(ev, newValue) => {\r\n                                updateValue(newValue ? Number(newValue) : undefined);\r\n                            }}\r\n                        />\r\n                    </div>\r\n                }\r\n\r\n                <div className=\"input-type\" title=\"Toggle input formats\" onClick={toggleInputType}>\r\n                    <FontAwesomeIcon icon={faRandom} />\r\n                </div>\r\n\r\n                {cargos &&\r\n                    <div className=\"icon\" title=\"Toggle cargo ports\" onClick={() => setlayTimePickerOpen(!laytimePickerOpen)}>\r\n                        <FontAwesomeIcon icon={laytimePickerOpen ? faChevronUp : faChevronDown} />\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n            <div className=\"description\">\r\n                Allowed laytime in {getDescription()}\r\n            </div>\r\n\r\n            {cargos && laytimePickerOpen &&\r\n                <AllowedLaytimePortPicker\r\n                    cargos={cargos}\r\n                    onCommit={_minutes => {\r\n                        let _value = _minutes ? _minutes : 0;\r\n\r\n                        switch (inputType) {\r\n                            case \"hours\":\r\n                                _value = Duration.fromObject({ minutes: _value }).as(\"hours\");\r\n                                break;\r\n                            case \"days\":\r\n                                _value = Duration.fromObject({ minutes: _value }).as(\"days\");\r\n                                break;\r\n                        }\r\n\r\n                        updateValue(_value);\r\n                        setlayTimePickerOpen(false);\r\n                    }}\r\n                    onDismiss={() => {\r\n                        setlayTimePickerOpen(false);\r\n                    }}\r\n                />\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ChoiceGroup, Dropdown, PanelType, TextField } from \"@fluentui/react\";\r\nimport { faGlobeEurope } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useEnumFunctions } from \"../../../../hooks/useEnumFunctions\";\r\nimport { IDemurragePortCall } from \"../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { CargoDirections } from \"../../../../_enums/CargoDirections\";\r\nimport { AppSearchBox } from \"../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { AppPanelNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\nimport { AllowedLaytime } from \"../../../../blocks/allowedLaytime/AllowedLaytime\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useSearchParams } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .allowed-laytime {\r\n        >div {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .radio {\r\n            >div>div>div {\r\n                display: flex;\r\n\r\n                >div {\r\n                    margin: 0 10px 0 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    /* Hide spinner */\r\n    /* Chrome, Safari, Edge, Opera */\r\n    input::-webkit-outer-spin-button,\r\n    input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n    }\r\n\r\n    /* Firefox */\r\n    input[type=number] {\r\n        -moz-appearance: textfield;\r\n        appearance: textfield;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DemurragePortCallPanel: React.FC<{ isNew: boolean, pc?: IDemurragePortCall, commit: (_: IDemurragePortCall) => void, dismiss: () => void }> = ({ isNew, pc, commit, dismiss }) => {\r\n    const { demurrage } = useFixtureProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [demurragePortCall, setDemurragePortCall] = useState<IDemurragePortCall>();\r\n    const [laytimeType, setLaytimeType] = useState<\"time\" | \"percent\">(\"time\");\r\n    const [searchParams] = useSearchParams();\r\n\r\n    const rateAndAllowedLaytimeIsValid = () => {\r\n        if (demurragePortCall?.demurrageRate) {\r\n            if (laytimeType === \"time\" && !demurragePortCall.timeAllowedInMinutes) {\r\n                return false;\r\n            }\r\n            if (laytimeType === \"percent\" && !demurragePortCall.timeAllowedInPercent) {\r\n                return false;\r\n            }\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!demurragePortCall?.port) {\r\n            return false;\r\n        }\r\n        if (!rateAndAllowedLaytimeIsValid()) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const setFocus = (key: string) => {\r\n        const focus = searchParams.get(\"focus\");\r\n        return focus && focus.toLowerCase() === key ? true : false;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setDemurragePortCall(pc)\r\n        if (pc) {\r\n            setLaytimeType(pc.timeAllowedInPercent ? \"percent\" : \"time\");\r\n        }\r\n    }, [pc]);\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"Create portcall\" : \"Edit port call\"}</span> {toCapitalLetters(demurragePortCall?.port?.name)}</span>}\r\n            isOpen={demurragePortCall ? true : false}\r\n            customWidth=\"400px\"\r\n            panelType={PanelType.custom}\r\n            dismiss={dismiss}\r\n            warningMessage={!rateAndAllowedLaytimeIsValid() ? \"Rate requires that allowed laytime is defined\" : undefined}\r\n            icon={<FontAwesomeIcon icon={faGlobeEurope} />}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Add\" : \"Ok\",\r\n                    type: \"Primary\",\r\n                    disabled: !isValid(),\r\n                    onClick: () => {\r\n                        if (laytimeType === \"time\") {\r\n                            demurragePortCall!.timeAllowedInPercent = undefined;\r\n                        }\r\n                        else {\r\n                            demurragePortCall!.timeAllowedInMinutes = undefined;\r\n                        }\r\n                        commit(demurragePortCall!)\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n\r\n                <InputWithDescription description=\"Port\">\r\n                    <AppSearchBox\r\n                        required\r\n                        placeHolder=\"Search for port\"\r\n                        endPoint=\"ports/search\"\r\n                        keyProp=\"unLoCode\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={demurragePortCall?.port}\r\n                        onSelected={_ => {\r\n                            setDemurragePortCall({\r\n                                ...demurragePortCall!,\r\n                                port: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Reason for call\">\r\n                    <Dropdown\r\n                        placeholder=\"Select reason for call\"\r\n                        selectedKey={Number(demurragePortCall?.reasonForCall)}\r\n                        options={convertToKeyValuePair(CargoDirections, [3])}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setDemurragePortCall({\r\n                                    ...demurragePortCall!,\r\n                                    reasonForCall: Number(v.key)\r\n                                });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Demurrage rate\">\r\n                    <TextField\r\n                        suffix={demurrage?.currency}\r\n                        inputMode=\"decimal\"\r\n                        type=\"number\"\r\n                        pattern=\"\\d*\"\r\n                        value={demurragePortCall?.demurrageRate ? demurragePortCall.demurrageRate.toString() : \"\"}\r\n                        onChange={(ev, newValue) => {\r\n                            setDemurragePortCall({\r\n                                ...demurragePortCall!,\r\n                                demurrageRate: newValue && Number(newValue) > 0 ? Number(newValue) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <div className=\"allowed-laytime\">\r\n                    <div className=\"radio\">\r\n                        <ChoiceGroup\r\n                            selectedKey={laytimeType}\r\n                            onChange={(ev, option) => {\r\n                                if (option) {\r\n                                    if (option.key === \"time\") {\r\n                                        setLaytimeType(\"time\");\r\n                                    }\r\n                                    else {\r\n                                        setLaytimeType(\"percent\");\r\n                                    }\r\n                                }\r\n                            }}\r\n                            options={[\r\n                                {\r\n                                    key: \"time\",\r\n                                    text: \"Time\"\r\n                                },\r\n                                {\r\n                                    key: \"percent\",\r\n                                    text: \"Percent\"\r\n                                }\r\n                            ]}\r\n                        />\r\n                    </div>\r\n                    {laytimeType === \"time\"\r\n                        ?\r\n                        <AllowedLaytime\r\n                            minutes={demurragePortCall?.timeAllowedInMinutes}\r\n                            onChange={minutes => {\r\n                                setDemurragePortCall({\r\n                                    ...demurragePortCall!,\r\n                                    timeAllowedInMinutes: minutes\r\n                                });\r\n                            }}\r\n                        />\r\n                        :\r\n                        <InputWithDescription description=\"Allowed laytime percent\">\r\n                            <TextField\r\n                                suffix=\"%\"\r\n                                inputMode=\"decimal\"\r\n                                type=\"number\"\r\n                                pattern=\"\\d*\"\r\n                                value={demurragePortCall?.timeAllowedInPercent ? demurragePortCall.timeAllowedInPercent.toString() : \"\"}\r\n                                onChange={(ev, newValue) => {\r\n                                    setDemurragePortCall({\r\n                                        ...demurragePortCall!,\r\n                                        timeAllowedInPercent: newValue && Number(newValue) > 0 ? Number(newValue) : undefined\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n                    }\r\n                </div>\r\n\r\n                <InputWithDescription description=\"Comments\">\r\n                    <TextField\r\n                        autoFocus={setFocus(\"c\")}\r\n                        multiline\r\n                        autoAdjustHeight\r\n                        value={demurragePortCall?.comments ? demurragePortCall.comments : \"\"}\r\n                        placeholder=\"Comments will appear on PDF\"\r\n                        onChange={(ev, v) => {\r\n                            setDemurragePortCall({\r\n                                ...demurragePortCall!,\r\n                                comments: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Internal comments\">\r\n                    <TextField\r\n                        autoFocus={setFocus(\"ic\")}\r\n                        multiline\r\n                        autoAdjustHeight\r\n                        value={demurragePortCall?.internalComments ? demurragePortCall.internalComments : \"\"}\r\n                        placeholder=\"Internal comments will not appear on PDF\"\r\n                        onChange={(ev, v) => {\r\n                            setDemurragePortCall({\r\n                                ...demurragePortCall!,\r\n                                internalComments: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n            </Body>\r\n\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\n\r\n\r\nexport interface IGridNavigationTableAddress {\r\n    rowKey: any\r\n    columnIndex: number\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\ntype ReducerAction =\r\n    | { type: \"setSelectedCell\", selectedCell?: IGridNavigationTableAddress };\r\n\r\ntype Data = {\r\n    selectedCell?: IGridNavigationTableAddress\r\n}\r\n\r\ninterface IReducers {\r\n    state: Data,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    selectedCell: undefined\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useGridNavigationTableContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: Data, action: ReducerAction): Data => {\r\n    switch (action.type) {\r\n        case \"setSelectedCell\":\r\n            return {\r\n                ...state,\r\n                selectedCell: action.selectedCell\r\n            };\r\n    }\r\n}\r\n\r\nexport const GridNavigationTableContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useGridNavigationTableProvider = () => {\r\n    const { state, dispatch } = useGridNavigationTableContext();\r\n\r\n    return {\r\n        selectedCell: state.selectedCell,\r\n\r\n        setSelectedCell: (selectedCell?: IGridNavigationTableAddress) => {\r\n            dispatch({\r\n                type: \"setSelectedCell\",\r\n                selectedCell\r\n            })\r\n        }\r\n\r\n    };\r\n}","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IGridNavigationColumn } from \"../../interfaces/IGridNavigationColumn\";\r\nimport { GridNavigationTableContextProvider, useGridNavigationTableProvider } from \"../../contextHooks/GridNavigationTableContext\";\r\nimport { useKeyboardFunctions } from \"../../hooks/useKeyboardFunctions\";\r\nimport SortableList, { SortableItem } from \"react-easy-sort\";\r\n\r\n//#region Styled Components\r\nconst Row = styled.div <{ columns: IGridNavigationColumn[] }>`\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-columns:  ${_ => _.columns.filter(_ => !_.exclude).map(c => c.gridCellWidth ? c.gridCellWidth : \"auto\").join(\" \")};\r\n    border-bottom: 1px solid #eee;\r\n\r\n    :last-of-type {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .grid-navigation-table-cell {\r\n        border-right: 1px solid #eee;\r\n\r\n        :last-of-type {\r\n            border-right: none;\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        background-color: #eff6ff;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport interface IGridNavigationColumnsDefinition {\r\n    key: string\r\n    keyProperty: string\r\n    columns: IGridNavigationColumn[]\r\n}\r\n\r\nexport interface IGridNavigationData {\r\n    columDefinitionKey: string,\r\n    data?: any[]\r\n}\r\n\r\ninterface IGridNavigationTableProps {\r\n    data: IGridNavigationData[]\r\n    columns: IGridNavigationColumnsDefinition[]\r\n    sortable?: boolean\r\n    sort?: (a: any, b: any) => number\r\n    onSortEnd?: (oldIndex: number, newIndex: number) => void\r\n    onNavigateUpFromFirstRow?: () => void\r\n    onNavigateDownFromLastRow?: () => void\r\n}\r\n\r\ninterface IGridNavigationDataRow {\r\n    columnDefinitionKey: string\r\n    dataObject: any\r\n}\r\n\r\n// Context container\r\nexport const GridNavigationTable: React.FC<IGridNavigationTableProps> = (props) => {\r\n    return (\r\n        <GridNavigationTableContextProvider>\r\n            <GridNavigationTableInner {...props} />\r\n        </GridNavigationTableContextProvider>\r\n    );\r\n};\r\n\r\n// Render container\r\nconst GridNavigationTableInner: React.FC<IGridNavigationTableProps> = ({ columns, data, sortable, sort, onSortEnd, onNavigateUpFromFirstRow, onNavigateDownFromLastRow }) => {\r\n    const { selectedCell, setSelectedCell } = useGridNavigationTableProvider();\r\n    const { isArrowKey } = useKeyboardFunctions();\r\n    const [localData, setLocalData] = useState<IGridNavigationDataRow[]>([]);\r\n    const containerRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n\r\n    const sortingEnded = (oldIndex: number, newIndex: number) => {\r\n        if (!onSortEnd) {\r\n            console.warn(\"onSortEnd is not defined\");\r\n        }\r\n        else {\r\n            onSortEnd(oldIndex, newIndex);\r\n        }\r\n    }\r\n\r\n    const onCellFocus = (rowKey: any, columnIndex: number) => {\r\n        setSelectedCell({ rowKey, columnIndex });\r\n    }\r\n\r\n    const renderItem = (d: IGridNavigationDataRow, colDef: IGridNavigationColumnsDefinition) => {\r\n        return (\r\n            <Row key={`GridNavigationTableRow_${d.dataObject[colDef.keyProperty]}`} columns={colDef.columns}>\r\n                {colDef.columns.filter(_ => !_.exclude).map((column, columnIndex) => {\r\n                    \r\n                    // Check if cell is selected\r\n                    let selected = selectedCell && (selectedCell.rowKey === d.dataObject[colDef!.keyProperty] && selectedCell.columnIndex === columnIndex) ? true : false;\r\n                    return (\r\n                        <div\r\n                            className=\"grid-navigation-table-cell\"\r\n                            key={`GridNavigationTableCell_${columnIndex}`}\r\n                            onFocus={() => {\r\n                                onCellFocus(d.dataObject[colDef!.keyProperty], columnIndex);\r\n                            }}\r\n                            onKeyDown={ev => {\r\n                                if (ev.key === \"Escape\") {\r\n                                    setSelectedCell();\r\n                                }\r\n                                else if (isArrowKey(ev) || ev.key === \"Enter\" || ev.key === \"Tab\") {\r\n\r\n                                    // Get the current row index\r\n                                    let currentRowIndex = localData.findIndex(_ => _.dataObject[colDef!.keyProperty] === selectedCell?.rowKey);\r\n\r\n                                    // Handle TAB\r\n                                    if (ev.key === \"Tab\") {\r\n                                        // Check if navigate right is ok\r\n                                        if (columnIndex < colDef!.columns.length - 1) {\r\n                                            setSelectedCell({ ...selectedCell!, columnIndex: columnIndex + 1 });\r\n                                        }\r\n                                        // Check if navigate to next row is ok\r\n                                        else if (currentRowIndex < localData.length - 1) {\r\n                                            let next = localData[currentRowIndex + 1];\r\n                                            setSelectedCell({ rowKey: next.dataObject[colDef!.keyProperty], columnIndex: 0 });\r\n                                        }\r\n                                    }\r\n                                    else {\r\n                                        switch (ev.key) {\r\n                                            case \"ArrowUp\":\r\n                                                if (currentRowIndex > 0) {\r\n                                                    let previous = localData[currentRowIndex - 1];\r\n                                                    setSelectedCell({ rowKey: previous.dataObject[colDef!.keyProperty], columnIndex });\r\n\r\n                                                    // Check that column index exists in row, otherwise select the last\r\n                                                    let previousColDef = columns.find(_ => _.key === previous.columnDefinitionKey);\r\n\r\n                                                    if (columnIndex >= previousColDef!.columns.length) {\r\n                                                        setSelectedCell({ rowKey: previous.dataObject[colDef!.keyProperty], columnIndex: previousColDef!.columns.length - 1 });\r\n                                                    }\r\n                                                    else {\r\n                                                        setSelectedCell({ rowKey: previous.dataObject[colDef!.keyProperty], columnIndex });\r\n                                                    }\r\n                                                }\r\n                                                else if (onNavigateUpFromFirstRow) {\r\n                                                    onNavigateUpFromFirstRow();\r\n                                                }\r\n                                                break;\r\n                                            case \"ArrowDown\":\r\n                                                if (currentRowIndex < localData.length - 1) {\r\n                                                    let next = localData[currentRowIndex + 1];\r\n\r\n                                                    // Check that column index exists in row, otherwise select the last\r\n                                                    let nextColDef = columns.find(_ => _.key === next.columnDefinitionKey);\r\n\r\n                                                    if (columnIndex >= nextColDef!.columns.length) {\r\n                                                        setSelectedCell({ rowKey: next.dataObject[colDef!.keyProperty], columnIndex: nextColDef!.columns.length - 1 });\r\n                                                    }\r\n                                                    else {\r\n                                                        setSelectedCell({ rowKey: next.dataObject[colDef!.keyProperty], columnIndex });\r\n                                                    }\r\n                                                }\r\n                                                else if (onNavigateDownFromLastRow) {\r\n                                                    onNavigateDownFromLastRow();\r\n                                                }\r\n                                                break;\r\n                                            case \"ArrowLeft\":\r\n                                                if (columnIndex > 0) {\r\n                                                    setSelectedCell({ ...selectedCell!, columnIndex: columnIndex - 1 });\r\n                                                }\r\n                                                break;\r\n                                            case \"ArrowRight\":\r\n                                                if (columnIndex < colDef!.columns.length - 1) {\r\n                                                    setSelectedCell({ ...selectedCell!, columnIndex: columnIndex + 1 });\r\n                                                }\r\n                                                break;\r\n                                        }\r\n                                    }\r\n\r\n                                    ev.preventDefault();\r\n                                    ev.stopPropagation();\r\n                                }\r\n                            }}\r\n                        >\r\n                            {column.render(d.dataObject, selected)}\r\n                        </div>\r\n                    );\r\n                })}\r\n            </Row>\r\n        );\r\n    }\r\n\r\n    const renderItems = () => {\r\n        return (\r\n            <>\r\n                {localData.map((d, rowIndex) => {\r\n                    // Get columns definition\r\n                    let colDef = columns.find(_ => _.key === d.columnDefinitionKey);\r\n\r\n                    if (!colDef) {\r\n                        return (\r\n                            <div>\r\n                                Columns defintion for '{d.columnDefinitionKey}' is missing.\r\n                            </div>\r\n                        );\r\n                    }\r\n\r\n                    return sortable\r\n                        ? <SortableItem key={`GridNavigationTableRow_${d.dataObject[colDef.keyProperty]}`} >\r\n                            {renderItem(d, colDef)}\r\n                        </SortableItem>\r\n                        : renderItem(d, colDef);\r\n                })}\r\n            </>\r\n        );\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (data) {\r\n            let sortedData: IGridNavigationDataRow[] = [];\r\n\r\n            data.forEach(dataCollection => {\r\n                if (dataCollection.data && dataCollection.data.length > 0) {\r\n                    dataCollection.data.forEach(dataObject => {\r\n                        sortedData.push({\r\n                            columnDefinitionKey: dataCollection.columDefinitionKey,\r\n                            dataObject\r\n                        });\r\n                    });\r\n                }\r\n            });\r\n\r\n            // Sort data\r\n            if (sort) {\r\n                sortedData = sortedData.slice().sort((a, b) => sort(a.dataObject, b.dataObject));\r\n            }\r\n\r\n            setLocalData(sortedData);\r\n        }\r\n    }, [data])\r\n\r\n    return (\r\n        <div\r\n            tabIndex={0}\r\n            ref={containerRef}\r\n            onBlur={() => {\r\n                setSelectedCell();\r\n            }}\r\n        >\r\n            {sortable\r\n                ?\r\n                <SortableList onSortEnd={sortingEnded} draggedItemClassName=\"dem-duration-dragged\">\r\n                    {renderItems()}\r\n                </SortableList>\r\n                :\r\n                <>\r\n                    {renderItems()}\r\n                </>\r\n            }\r\n        </div>\r\n    );\r\n};\r\n","export const useKeyboardFunctions = () => {\r\n\r\n    const isArrowKey = (ev: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement | HTMLDivElement>) => {\r\n        let arrowKeys = [\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"];\r\n        return arrowKeys.indexOf(ev.key) >= 0;\r\n    }\r\n\r\n    return { isArrowKey };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITextField, ITextFieldProps, TextField } from \"@fluentui/react\";\r\nimport { useKeyboardFunctions } from \"../../../hooks/useKeyboardFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-radius: 2px;\r\n    position: relative;\r\n\r\n    input {\r\n        cursor: cell;\r\n    }\r\n\r\n    .additionalInfo {\r\n        position: absolute;\r\n        right: 12px;\r\n        top: 11px;\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        letter-spacing: .5px;\r\n        font-family: \"Roboto\";\r\n        color: #4f9bff;\r\n        background-color: white;\r\n        padding: 2px 6px;\r\n        box-shadow: 0 0 2px #aaa;\r\n        border-radius: 2px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IGridNavigationTableTxtProps extends ITextFieldProps {\r\n    onValueChanged: (newValue: string) => void\r\n    additionalInfo?: string\r\n    selected: boolean\r\n    error?: (value: string) => boolean\r\n    numeric?: boolean\r\n    alignInput?: \"left\" | \"right\" | \"center\"\r\n    excluded?: boolean\r\n}\r\n\r\nexport const GridNavigationTableTxt: React.FC<IGridNavigationTableTxtProps> = (props) => {\r\n    const { isArrowKey } = useKeyboardFunctions();\r\n    const [localValue, setLocalValue] = useState<string>(\"\");\r\n    const [active, setActive] = useState(false);\r\n    const error = !active && props.error && props.error(localValue) ? true : false;\r\n\r\n    let inputRef: ITextField | null = null;\r\n\r\n    useEffect(() => {\r\n        if (props.value) {\r\n            setLocalValue(props.value);\r\n        }\r\n    }, [props.value])\r\n\r\n    useEffect(() => {\r\n        if (inputRef) {\r\n            if (props.selected) {\r\n                inputRef.focus();\r\n            }\r\n        }\r\n    }, [props.selected])\r\n\r\n    useEffect(() => {\r\n        if (inputRef) {\r\n            if (active) {\r\n                inputRef.setSelectionRange(0, localValue.length);\r\n            }\r\n            else {\r\n                inputRef.setSelectionEnd(0);\r\n            }\r\n        }\r\n    }, [active])\r\n\r\n    return (\r\n        <Container\r\n            style={{\r\n                padding: \"1px\",\r\n                outline: props.selected ? error ? \"2px solid red\" : \"2px solid #4177bf\" : error ? \"1px solid red\" : undefined,\r\n                boxShadow: active ? \"0 0 10px #777\" : undefined\r\n            }}\r\n        >\r\n            <TextField\r\n                {...props}\r\n                componentRef={_ => inputRef = _}\r\n                borderless\r\n                readOnly={!active}\r\n                autoComplete=\"off\"\r\n                value={localValue}\r\n                styles={{\r\n                    field: {\r\n                        textAlign: props.alignInput,\r\n                        padding: \"0 16px\",\r\n                        color: props.excluded ? \"#bbb\" : error ? \"red\" : undefined,\r\n                        textDecoration: props.excluded ? \"line-through\" : undefined,\r\n                        textDecorationColor: props.excluded ? \"#888\" : undefined,\r\n                        \"::placeholder\": {\r\n                            color: \"#ddd\"\r\n                        }\r\n                    },\r\n                    fieldGroup: {\r\n                        height: \"36px\",\r\n                        background: error ? \"#ffefef\" : \"transparent\"\r\n                    }\r\n                }}\r\n                onKeyDown={ev => {\r\n                    if (ev.key === \"Tab\") {\r\n                        if (active) {\r\n                            props.onValueChanged(localValue);\r\n                            setActive(false);\r\n                        }\r\n\r\n                        return;\r\n                    }\r\n\r\n                    if (isArrowKey(ev)) {\r\n                        if (active) {\r\n                            ev.stopPropagation();\r\n                        }\r\n                        // Navigation handled by table\r\n                        return;\r\n                    }\r\n\r\n                    if (!active && ev.key !== \"Escape\") {\r\n                        setActive(true);\r\n                        ev.stopPropagation();\r\n                        return;\r\n                    }\r\n\r\n                    if (ev.key === \"Enter\") {\r\n                        setActive(false);\r\n                        props.onValueChanged(localValue);\r\n                    }\r\n                    else if (active && ev.key === \"Escape\") {\r\n                        setActive(false);\r\n                        setLocalValue(props.value ? props.value : \"\");\r\n                        ev.stopPropagation();\r\n                    }\r\n                }}\r\n                onChange={(ev, v) => {\r\n                    if (v && props.numeric) {\r\n                        let numericValue = Number(v.replaceAll(\",\", \".\"));\r\n                        if (!isNaN(Number(numericValue))) {\r\n                            setLocalValue(v ? v : \"\");\r\n                        }\r\n                    }\r\n                    else {\r\n                        setLocalValue(v ? v : \"\");\r\n                    }\r\n                }}\r\n                onBlur={() => {\r\n                    if (active) {\r\n                        setActive(false);\r\n                        props.onValueChanged(localValue);\r\n                    }\r\n                }}\r\n                onDoubleClick={() => {\r\n                    if (!active) {\r\n                        setActive(true);\r\n                    }\r\n                }}\r\n            />\r\n\r\n            {props.additionalInfo &&\r\n                <div className=\"additionalInfo\" title=\"Additional info is just for information and will not show on PDF\">\r\n                    {props.additionalInfo}\r\n                </div>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DatePicker, ITextField, TextField } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useKeyboardFunctions } from \"../../../hooks/useKeyboardFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`  \r\n    border-radius: 2px;\r\n\r\n    input {\r\n        cursor: cell;\r\n    }\r\n\r\n    >div {\r\n        position: relative;\r\n\r\n        .date-picker {\r\n            position: absolute;\r\n            right: 4px;\r\n            top: 4px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IGridNavigationTableDateProps {\r\n    date: Date\r\n    selected: boolean\r\n    timeZone?: string\r\n    excluded?: boolean\r\n    onDateChanged: (newDate: Date) => void\r\n}\r\n\r\nexport const GridNavigationTableDate: React.FC<IGridNavigationTableDateProps> = ({ date, selected, timeZone, excluded, onDateChanged }) => {\r\n    const { isArrowKey } = useKeyboardFunctions();\r\n    const { convertStringToDate, makeDateObject, toDateString } = useDateFunctions();\r\n    const [localStringValue, setLocalStringValue] = useState<string>(\"\");\r\n    const [active, setActive] = useState(false);\r\n    const [error, setError] = useState(false);\r\n\r\n    let inputRef: ITextField | null = null;\r\n\r\n    const commit = () => {\r\n        if (!active) {\r\n            return;\r\n        }\r\n\r\n        setActive(false);\r\n\r\n        let newDate = convertStringToDate(localStringValue);\r\n        setError(newDate === undefined);\r\n\r\n        if (newDate) {\r\n            onDateChanged(newDate);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (date) {\r\n            setLocalStringValue(toDateString(date, timeZone, true, true));\r\n        }\r\n    }, [date])\r\n\r\n    useEffect(() => {\r\n        if (inputRef) {\r\n            if (selected) {\r\n                inputRef.focus();\r\n            }\r\n        }\r\n    }, [selected])\r\n\r\n    useEffect(() => {\r\n        if (inputRef) {\r\n            if (active) {\r\n                inputRef.setSelectionRange(0, localStringValue.length);\r\n            }\r\n            else {\r\n                inputRef.setSelectionEnd(0);\r\n            }\r\n        }\r\n    }, [active])\r\n\r\n    return (\r\n        <Container\r\n            style={{\r\n                padding: \"1px\",\r\n                outline: selected ? error ? \"2px solid red\" : \"2px solid #4177bf\" : error ? \"1px solid red\" : undefined,\r\n                boxShadow: active ? \"0 0 10px #777\" : undefined\r\n            }}\r\n        >\r\n            <div>\r\n                <TextField\r\n                    componentRef={_ => inputRef = _}\r\n                    className=\"txt\"\r\n                    borderless\r\n                    readOnly={!active}\r\n                    autoComplete=\"off\"\r\n                    value={localStringValue}\r\n                    maxLength={10}\r\n                    placeholder=\"dd.MM.yy\"\r\n                    styles={{\r\n                        field: {\r\n                            color: excluded ? \"#bbb\" : error ? \"red\" : undefined,\r\n                            textDecoration: excluded ? \"line-through\" : undefined,\r\n                            textDecorationColor: excluded ? \"#888\" : undefined,\r\n                            padding: \"0 42px 0 16px\",\r\n                            \"::placeholder\": {\r\n                                color: \"#ddd\"\r\n                            }\r\n                        },\r\n                        fieldGroup: {\r\n                            height: \"36px\",\r\n                            background: error ? \"#ffefef\" : \"transparent\"\r\n                        }\r\n                    }}\r\n                    onChange={(ev, v) => {\r\n                        setLocalStringValue(v ? v : \"\");\r\n                    }}\r\n                    onBlur={commit}\r\n                    onKeyDown={ev => {\r\n\r\n                        if (ev.key === \"Tab\") {\r\n                            if (active) {\r\n                                commit();\r\n                            }\r\n\r\n                            return;\r\n                        }\r\n\r\n                        if (isArrowKey(ev)) {\r\n                            if (active) {\r\n                                ev.stopPropagation();\r\n                            }\r\n                            // Navigation handled by table\r\n                            return;\r\n                        }\r\n\r\n                        if (!active && ev.key !== \"Escape\") {\r\n                            setActive(true);\r\n                            ev.stopPropagation();\r\n                            return;\r\n                        }\r\n\r\n                        if (ev.key === \"Enter\") {\r\n                            commit();\r\n                        }\r\n                        else if (active && ev.key === \"Escape\") {\r\n                            setLocalStringValue(toDateString(date, timeZone, true, true));\r\n                            setActive(false);\r\n                            ev.stopPropagation();\r\n                        }\r\n                    }}\r\n                    onDoubleClick={() => {\r\n                        if (!active) {\r\n                            setActive(true);\r\n                        }\r\n                    }}\r\n                />\r\n                <DatePicker\r\n                    title=\"Date picker\"\r\n                    className=\"date-picker\"\r\n                    borderless\r\n                    formatDate={date => { return \"\" }}\r\n                    styles={{\r\n                        textField: {\r\n                            width: \"0px\",\r\n                        },\r\n                    }}\r\n                    value={makeDateObject(date).toJSDate()}\r\n                    onSelectDate={date => {\r\n                        if (date) {\r\n                            onDateChanged(date);\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useRef } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-radius: 2px;\r\n    height: 36px;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n//#endregion\r\n\r\ninterface IGridNavigationTableIconProps {\r\n    id?: string\r\n    title?: string\r\n    selected: boolean\r\n    icon: JSX.Element\r\n    onTrigger: () => void\r\n}\r\n\r\nexport const GridNavigationTableIcon: React.FC<IGridNavigationTableIconProps> = ({ id, selected, title, icon, onTrigger }) => {\r\n    const containerRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n\r\n    const trigger = () => {\r\n        onTrigger();\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (selected) {\r\n            containerRef.current?.focus();\r\n        }\r\n    }, [selected])\r\n\r\n    return (\r\n        <Container\r\n            id={id}\r\n            tabIndex={0}\r\n            title={title}\r\n            ref={containerRef}\r\n            onClick={trigger}\r\n            style={{\r\n                padding: \"1px\",\r\n                outline: selected ? \"2px solid #4177bf\" : undefined,\r\n                backgroundColor: selected ? \"#4177bf\" : undefined,\r\n            }}\r\n            onKeyDown={ev => {\r\n                if (ev.key === \"Enter\") {\r\n                    trigger();\r\n                }\r\n            }}\r\n        >\r\n            <div\r\n                style={{\r\n                    color: selected ? \"white\" : undefined\r\n                }}\r\n            >\r\n                {icon}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ActionButton, Callout, TextField } from \"@fluentui/react\";\r\nimport { faComment } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { GridNavigationTableIcon } from \"../../../../../blocks/gridNavigationTable/cells/GridNavigationTableIcon\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .buttons {\r\n        background-color: #f1f1f1;\r\n        padding: 0 10px;\r\n        text-align: right;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const DemurrageEventComment: React.FC<{ selected: boolean, onChange: (comment: string) => void, comment?: string }> = ({ selected, onChange, comment }) => {\r\n    const [calloutComment, setCalloutComment] = useState(\"\");\r\n    const [calloutOpen, setCalloutOpen] = useState(false);\r\n    const containerId = useId('comment-container');\r\n\r\n    useEffect(() => {\r\n        setCalloutComment(calloutOpen ? comment ? comment : \"\" : \"\");\r\n    }, [calloutOpen])\r\n\r\n    return (\r\n        <>\r\n            <GridNavigationTableIcon\r\n                id={containerId}\r\n                title={comment && comment.trim().length > 0 ? comment : \"Add comment\"}\r\n                selected={selected}\r\n                icon={<FontAwesomeIcon\r\n                    icon={faComment}\r\n                    style={{\r\n                        color: selected ? \"white\" : comment && comment.trim().length > 0 ? \"#4177bf\" : \"#ddd\"\r\n                    }}\r\n                />}\r\n                onTrigger={() => {\r\n                    setCalloutOpen(true);\r\n                }}\r\n            />\r\n            {calloutOpen &&\r\n                <Callout\r\n                    target={`#${containerId}`}\r\n                    onDismiss={() => setCalloutOpen(false)}\r\n                    styles={{\r\n                        root: {\r\n                            boxShadow: \"0 0 18px #aaa\"\r\n                        }\r\n                    }}\r\n                >\r\n                    <Container>\r\n                        <TextField\r\n                            autoFocus\r\n                            autoComplete=\"off\"\r\n                            autoAdjustHeight\r\n                            multiline\r\n                            borderless\r\n                            placeholder=\"Comment...\"\r\n                            value={calloutComment ? calloutComment : \"\"}\r\n                            styles={{\r\n                                field: {\r\n                                    minWidth: \"250px\",\r\n                                    padding: \"16px 20px\",\r\n                                    resize: \"none\",\r\n                                    \"::placeholder\": {\r\n                                        color: \"#bbb\"\r\n                                    }\r\n                                },\r\n                            }}\r\n                            onChange={(ev, v) => {\r\n                                setCalloutComment(v ? v : \"\");\r\n                            }}\r\n                            onKeyDown={ev => {\r\n                                if (ev.key === \"Escape\") {\r\n                                    setCalloutOpen(false);\r\n                                }\r\n                            }}\r\n                        />\r\n                        <div className=\"buttons\">\r\n                            <ActionButton\r\n                                iconProps={{ iconName: \"StatusCircleCheckmark\", style: { fontSize: \"20px\" } }}\r\n                                text=\"Ok\"\r\n                                onClick={() => {\r\n                                    onChange(calloutComment);\r\n                                    setCalloutOpen(false);\r\n                                }}\r\n                            />\r\n                            <ActionButton\r\n                                iconProps={{ iconName: \"StatusCircleErrorX\", style: { fontSize: \"20px\" } }}\r\n                                text=\"Cancel\"\r\n                                onClick={() => setCalloutOpen(false)}\r\n                            />\r\n                        </div>\r\n                    </Container>\r\n                </Callout>\r\n            }\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faEye, faEyeSlash, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { IDemurrageEvent } from \"../../../../../../interfaces/demurrage/IDemurrageEvent\";\r\nimport { useEventFunctions } from \"../../../../../../globalHooks/useEventFunctions\";\r\nimport { IDemurragePortCall } from \"../../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { GridNavigationTable, IGridNavigationColumnsDefinition } from \"../../../../../../blocks/gridNavigationTable/GridNavigationTable\";\r\nimport { GridNavigationTableTxt } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableTxt\";\r\nimport { GridNavigationTableDate } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableDate\";\r\nimport { GridNavigationTableIcon } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableIcon\";\r\nimport { DemurrageEventComment } from \"../DemurrageEventComment\";\r\nimport { useFixtureProvider } from \"../../../../../../contextHooks/FixtureContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-left: 1px solid #eee;\r\n`;\r\n//#endregion \r\n\r\nexport const DemurrageEvents: React.FC<{ portCall: IDemurragePortCall, onChange: (_: IDemurrageEvent[]) => void }> = ({ portCall, onChange }) => {\r\n    const { showExcludedEvents } = useFixtureProvider();\r\n    const { sortByDate } = useEventFunctions();\r\n    const { getTimeFromString, makeDateObject } = useDateFunctions();\r\n\r\n    const updateEvent = (id: string, prop: string, v: any) => {\r\n        let event: any = portCall.events.slice().find(_ => _.id === id);\r\n        event[prop] = v;\r\n        onChange([\r\n            ...portCall.events.filter(_ => _.id !== id), { ...event }\r\n        ]);\r\n    }\r\n\r\n    const eventColumns: IGridNavigationColumnsDefinition = {\r\n        key: \"events\",\r\n        keyProperty: \"id\",\r\n        columns: [\r\n            {\r\n                gridCellWidth: \"40px\",\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <GridNavigationTableIcon\r\n                            title=\"Toggle\"\r\n                            selected={selected}\r\n                            icon={<FontAwesomeIcon style={{ fontSize: \"14px\", color: event.exclude ? \"#bbb\" : undefined }} icon={event.exclude ? faEyeSlash : faEye} />}\r\n                            onTrigger={() => {\r\n                                updateEvent(event.id, \"exclude\", event.exclude ? false : true);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            excluded={event.exclude}\r\n                            selected={selected}\r\n                            placeholder=\"Event name\"\r\n                            additionalInfo={event.additionalInfo}\r\n                            value={event.name}\r\n                            onValueChanged={v => {\r\n                                updateEvent(event.id, \"name\", v);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"120px\",\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <GridNavigationTableDate\r\n                            excluded={event.exclude}\r\n                            selected={selected}\r\n                            date={event.eventDate}\r\n                            timeZone={portCall.port?.timeZone}\r\n                            onDateChanged={date => {\r\n                                // Get the date\r\n                                let newDate = makeDateObject(date as Date);\r\n\r\n                                // Get the event\r\n                                let _event = portCall.events.slice().find(_ => _.id === event.id);\r\n\r\n                                // Get the event date in the correct time zone\r\n                                let dateInTimeZone = DateTime.fromJSDate(new Date(_event!.eventDate), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                // Set props based on the incomming date. This makes sure that what is selected actually gets set in the correct zone\r\n                                dateInTimeZone = dateInTimeZone.set({\r\n                                    year: newDate.year,\r\n                                    month: newDate.month,\r\n                                    day: newDate.day\r\n                                });\r\n\r\n                                updateEvent(event.id, \"eventDate\", dateInTimeZone.toJSDate());\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"72px\",\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            excluded={event.exclude}\r\n                            selected={selected}\r\n                            maxLength={5}\r\n                            placeholder=\"HH:mm\"\r\n                            error={v => {\r\n                                return getTimeFromString(v) ? false : true;\r\n                            }}\r\n                            value={makeDateObject(event.eventDate, portCall.port?.timeZone).toFormat(\"HH:mm\")}\r\n                            onValueChanged={newValue => {\r\n                                let time = getTimeFromString(newValue as string);\r\n                                if (!time) {\r\n                                    return false;\r\n                                }\r\n\r\n                                // Create start of day\r\n                                let eDate = DateTime.fromJSDate(new Date(event!.eventDate), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                let startOfDay = eDate.startOf(\"day\");\r\n                                let newDate = startOfDay.set({ hour: time.hour, minute: time.minute, second: 0, millisecond: 0 });\r\n\r\n                                updateEvent(event.id, \"eventDate\", newDate.toJSDate());\r\n\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <DemurrageEventComment\r\n                            comment={event.comment}\r\n                            selected={selected}\r\n                            onChange={comment => {\r\n                                updateEvent(event.id, \"comment\", comment);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (event: IDemurrageEvent, selected) => {\r\n                    return (\r\n                        <GridNavigationTableIcon\r\n                            title=\"Delete\"\r\n                            selected={selected}\r\n                            icon={<FontAwesomeIcon icon={faTrashAlt} />}\r\n                            onTrigger={() => {\r\n                                onChange([...portCall.events.filter(_ => _.id !== event.id)]);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            }\r\n        ]\r\n    };\r\n\r\n    return (\r\n        <Container>\r\n            <GridNavigationTable\r\n                columns={[\r\n                    showExcludedEvents\r\n                        ? eventColumns\r\n                        : {\r\n                            ...eventColumns,\r\n                            columns: eventColumns.columns.splice(1)\r\n                        }\r\n                ]}\r\n                data={[\r\n                    {\r\n                        columDefinitionKey: \"events\",\r\n                        data: sortByDate(\r\n                            showExcludedEvents\r\n                                ? portCall.events.slice()\r\n                                : portCall.events.slice().filter(_ => !_.exclude)\r\n                        )\r\n                    }\r\n                ]}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useRef } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-radius: 2px;\r\n    height: 36px;\r\n    cursor: pointer;\r\n`;\r\n//#endregion\r\n\r\ninterface IGridNavigationTableEmptyProps {\r\n    title?: string\r\n    selected: boolean\r\n    onTrigger?: () => void\r\n}\r\n\r\nexport const GridNavigationTableEmpty: React.FC<IGridNavigationTableEmptyProps> = ({ title, selected, onTrigger, children }) => {\r\n    const containerRef: React.MutableRefObject<HTMLDivElement | null> = useRef(null);\r\n\r\n    const trigger = () => {\r\n        if (onTrigger) {\r\n            onTrigger();\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (selected) {\r\n            containerRef.current?.focus();\r\n        }\r\n    }, [selected])\r\n\r\n    return (\r\n        <Container\r\n            tabIndex={0}\r\n            title={title}\r\n            ref={containerRef}\r\n            onClick={trigger}\r\n            style={{\r\n                padding: \"1px\",\r\n                outline: selected ? \"2px solid #4177bf\" : undefined\r\n            }}\r\n            onKeyDown={ev => {\r\n                if (ev.key === \"Enter\") {\r\n                    trigger();\r\n                }\r\n            }}\r\n        >\r\n            {children}\r\n        </Container>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, IDropdown, IDropdownProps } from \"@fluentui/react\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-radius: 2px;\r\n`;\r\n//#endregion\r\n\r\ninterface IGridNavigationTableTxtProps extends IDropdownProps {\r\n    selected: boolean\r\n    error?: (value: string) => boolean\r\n}\r\n\r\nexport const GridNavigationTableDropDown: React.FC<IGridNavigationTableTxtProps> = (props) => {\r\n    let inputRef: IDropdown | null = null;\r\n\r\n    useEffect(() => {\r\n        if (inputRef) {\r\n            if (props.selected) {\r\n                inputRef.focus();\r\n            }\r\n        }\r\n    }, [props.selected])\r\n\r\n    return (\r\n        <Container\r\n            style={{\r\n                padding: \"1px\",\r\n                outline: props.selected ? \"2px solid #4177bf\" : undefined,\r\n            }}\r\n        >\r\n            <Dropdown\r\n                {...props}\r\n                componentRef={_ => inputRef = _}\r\n                styles={{\r\n                    title: {\r\n                        height: \"36px\",\r\n                        padding: \"4px 28px 0px 15px\",\r\n                        border: \"none\",\r\n                        backgroundColor: \"transparent\",\r\n                    },\r\n                    dropdown: {\r\n                        \":after\": {\r\n                            border: \"none !important\"\r\n                        }\r\n                    },\r\n                    caretDownWrapper: {\r\n                        right: \"15px\",\r\n                        top: \"4px\"\r\n                    },\r\n                    dropdownItem: {\r\n                        padding: \"0 15px\"\r\n                    },\r\n                    dropdownItemDisabled: {\r\n                        padding: \"0 15px\"\r\n                    },\r\n                    dropdownItemSelected: {\r\n                        padding: \"0 15px\"\r\n                    },\r\n                    dropdownItemSelectedAndDisabled: {\r\n                        padding: \"0 15px\"\r\n                    }\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IDemurragePortCall } from \"../../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { SortableKnob } from 'react-easy-sort'\r\nimport { DemurrageDurationType, IDemurrageDuration } from \"../../../../../../interfaces/demurrage/IDemurrageDuration\";\r\nimport { IDemurrageDurationFromTo } from \"../../../../../../interfaces/demurrage/IDemurrageDurationFromTo\";\r\nimport { IDemurrageDurationTime } from \"../../../../../../interfaces/demurrage/IDemurrageDurationTime\";\r\nimport { IDemurrageDurationWithEvents } from \"../../../../../../interfaces/demurrage/IDemurrageDurationWithEvents\";\r\nimport { useDemurragePortCall } from \"../../../../../../hooks/useDemurragePortCall\";\r\nimport { GridNavigationTableTxt } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableTxt\";\r\nimport { GridNavigationTable, IGridNavigationColumnsDefinition } from \"../../../../../../blocks/gridNavigationTable/GridNavigationTable\";\r\nimport { faGripVertical, faStopwatch, faStopwatch20, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { GridNavigationTableIcon } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableIcon\";\r\nimport { GridNavigationTableEmpty } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableEmpty\";\r\nimport { GridNavigationTableDropDown } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableDropDown\";\r\nimport { useDateFunctions } from \"../../../../../../hooks/useDateFunctions\";\r\nimport { IDropdownOption } from \"@fluentui/react\";\r\nimport { useEnumFunctions } from \"../../../../../../hooks/useEnumFunctions\";\r\nimport { DurationUnitTypes } from \"../../../../../../_enums/DurationUnitTypes\";\r\nimport { GridNavigationTableDate } from \"../../../../../../blocks/gridNavigationTable/cells/GridNavigationTableDate\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DemurrageEventComment } from \"../DemurrageEventComment\";\r\nimport { useMediaQuery } from \"../../../../../../hooks/useMediaQuery\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #59a0ff;\r\n`;\r\n\r\nconst Knob = styled.div`\r\n    font-size: 16px;\r\n    color: #ccc;\r\n    cursor: grab;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    :hover {\r\n        color: #777;\r\n    }\r\n`;\r\n\r\nconst Toggle = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    text-transform: uppercase;\r\n    letter-spacing: .5px;\r\n\r\n    >div {\r\n        border-radius: 2px;\r\n        padding: 1px 6px 2px;\r\n        color: white;\r\n        background-color: #ff4347;\r\n    }\r\n\r\n    .add {\r\n        background-color: #3baf59;\r\n    }\r\n`;\r\n\r\nconst DurationString = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    gap: 10px;\r\n    padding: 9px 10px 0;\r\n    color: #333;\r\n    cursor: default;\r\n\r\n    >div {\r\n        font-size: 12px;\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    >div:first-child {\r\n        padding-top: 1px;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 14px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const DemDurations: React.FC<{ portCall: IDemurragePortCall, onChange: (_: IDemurragePortCall) => void }> = ({ portCall, onChange }) => {\r\n    const { getAllDurations } = useDemurragePortCall();\r\n    const { convertDurationToMilliseconds, getDuration, getDurationString, getTimeFromString, makeDateObject, toDateString } = useDateFunctions();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const excludeColumn = useMediaQuery(\"(max-width: 1500px)\");\r\n\r\n    const getEventOptions = (duration: IDemurrageDurationWithEvents, isFrom: boolean): IDropdownOption[] => {\r\n        return portCall.events.slice().filter(_ => !_.exclude).sort((a, b) => makeDateObject(a.eventDate) > makeDateObject(b.eventDate) ? 1 : -1).map(ev => {\r\n            let title = `${ev.name} ${ev.additionalInfo ? `- (${ev.additionalInfo})` : \"\"} - ${toDateString(ev.eventDate, portCall.port?.timeZone, true)}`;\r\n            let disabled = false;\r\n\r\n            if (isFrom && duration.toEventId) {\r\n                let toEvent = portCall.events.find(_ => _.id === duration.toEventId);\r\n                if (toEvent) {\r\n                    disabled = makeDateObject(toEvent.eventDate) <= makeDateObject(ev.eventDate);\r\n                }\r\n            }\r\n            else if (!isFrom && duration.fromEventId) {\r\n                let fromEvent = portCall.events.find(_ => _.id === duration.fromEventId);\r\n                if (fromEvent) {\r\n                    disabled = makeDateObject(fromEvent.eventDate) >= makeDateObject(ev.eventDate);\r\n                }\r\n            }\r\n\r\n            return {\r\n                key: ev.id,\r\n                text: ev.name,\r\n                title,\r\n                disabled: disabled || ev.id === duration.fromEventId || ev.id === duration.toEventId\r\n            };\r\n        })\r\n    }\r\n\r\n    const onSortEnd = (oldIndex: number, newIndex: number) => {\r\n        let _durations = getAllDurations(portCall);\r\n\r\n        // Get duration based on old index\r\n        let _durationMoved = _durations[oldIndex];\r\n\r\n        // Filter out the moved duration\r\n        _durations = _durations.filter(_ => _.id !== _durationMoved.id);\r\n\r\n        // Insert the moved event at new index\r\n        _durations.splice(newIndex, 0, _durationMoved);\r\n\r\n        // Update port call and durations\r\n        let _portCall: IDemurragePortCall = {\r\n            ...portCall,\r\n            durations: [],\r\n            durationsFromTo: [],\r\n            durationsWithEvents: []\r\n        };\r\n\r\n        // Update sort order property on each duration\r\n        _durations.map((d, index) => {\r\n            d.sortOrder = index;\r\n\r\n            switch (d.durationType) {\r\n                case DemurrageDurationType.Time:\r\n                    _portCall.durations.push(d as IDemurrageDurationTime);\r\n                    break;\r\n                case DemurrageDurationType.FromTo:\r\n                    _portCall.durationsFromTo.push(d as IDemurrageDurationFromTo);\r\n                    break;\r\n                case DemurrageDurationType.WithEvents:\r\n                    _portCall.durationsWithEvents.push(d as IDemurrageDurationWithEvents);\r\n                    break;\r\n            }\r\n        });\r\n\r\n        onChange(_portCall);\r\n    }\r\n\r\n    const updateDuration = (duration: IDemurrageDuration) => {\r\n        let _portCall = { ...portCall };\r\n        let _index = 0;\r\n\r\n        switch (duration.durationType) {\r\n            case DemurrageDurationType.Time:\r\n                _index = portCall.durations.findIndex(_ => _.id === duration.id);\r\n                _portCall.durations[_index] = duration as IDemurrageDurationTime;\r\n                break;\r\n            case DemurrageDurationType.FromTo:\r\n                _index = portCall.durationsFromTo.findIndex(_ => _.id === duration.id);\r\n                _portCall.durationsFromTo[_index] = duration as IDemurrageDurationFromTo;\r\n                break;\r\n            case DemurrageDurationType.WithEvents:\r\n                _index = portCall.durationsWithEvents.findIndex(_ => _.id === duration.id);\r\n                _portCall.durationsWithEvents[_index] = duration as IDemurrageDurationWithEvents;\r\n                break;\r\n        }\r\n\r\n        onChange(_portCall);\r\n    }\r\n\r\n    const deleteDuration = (duration: IDemurrageDuration) => {\r\n        let _portCall = { ...portCall };\r\n\r\n        switch (duration.durationType) {\r\n            case DemurrageDurationType.Time:\r\n                _portCall.durations = _portCall.durations.filter(_ => _.id !== duration.id);\r\n                break;\r\n            case DemurrageDurationType.FromTo:\r\n                _portCall.durationsFromTo = _portCall.durationsFromTo.filter(_ => _.id !== duration.id);\r\n                break;\r\n            case DemurrageDurationType.WithEvents:\r\n                _portCall.durationsWithEvents = _portCall.durationsWithEvents.filter(_ => _.id !== duration.id);\r\n                break;\r\n        }\r\n\r\n        onChange(_portCall);\r\n    }\r\n\r\n    const durationTimeColumns: IGridNavigationColumnsDefinition = {\r\n        key: \"timeDurations\",\r\n        keyProperty: \"id\",\r\n        columns: [\r\n            {\r\n                gridCellWidth: \"42px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected}>\r\n                            <SortableKnob>\r\n                                <Knob>\r\n                                    <FontAwesomeIcon icon={faGripVertical} />\r\n                                </Knob>\r\n                            </SortableKnob>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"90px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty\r\n                            selected={selected}\r\n                            onTrigger={() => {\r\n                                updateDuration({ ...duration, add: !duration.add });\r\n                            }}\r\n                        >\r\n                            <Toggle title=\"Toggle add/deduct\" >\r\n                                <div className={duration.add ? \" add\" : undefined}>\r\n                                    {duration.add ? \"Add\" : \"Deduct\"}\r\n                                </div>\r\n                            </Toggle>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            value={duration.name}\r\n                            onValueChanged={v => {\r\n                                updateDuration({ ...duration, name: v });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"72px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            value={duration.duration ? duration.duration.toString() : \"\"}\r\n                            numeric={true}\r\n                            alignInput=\"right\"\r\n                            onValueChanged={v => {\r\n                                let d: IDemurrageDurationTime = { ...duration, duration: Number(v.replaceAll(\",\", \".\")) };\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"192px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableDropDown\r\n                            selected={selected}\r\n                            selectedKey={duration.durationUnitType}\r\n                            options={convertToKeyValuePair(DurationUnitTypes, [0, 1])}\r\n                            onChange={(ev, option) => {\r\n                                if (option) {\r\n                                    let d: IDemurrageDurationTime = ({ ...duration, durationUnitType: Number(option.key) })\r\n                                    updateDuration(d);\r\n                                }\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                exclude: excludeColumn,\r\n                gridCellWidth: \"140px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    let ms = convertDurationToMilliseconds(duration.durationUnitType, duration.duration);\r\n                    let title = `Duration ${duration.add ? \"\" : \"-\"}${getDurationString(ms, false, true)}`;\r\n\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected} title={title}>\r\n                            <DurationString>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faStopwatch} />\r\n                                </div>\r\n                                <div>\r\n                                    {!duration.add && <span>-</span>}\r\n                                    {getDurationString(ms)}\r\n                                </div>\r\n                            </DurationString>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <DemurrageEventComment\r\n                            comment={duration.comment}\r\n                            selected={selected}\r\n                            onChange={comment => {\r\n                                updateDuration({ ...duration, comment });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableIcon\r\n                            title=\"Delete\"\r\n                            selected={selected}\r\n                            icon={<FontAwesomeIcon icon={faTrashAlt} />}\r\n                            onTrigger={() => {\r\n                                deleteDuration(duration);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            }\r\n        ]\r\n    };\r\n\r\n    const durationFromToColumns: IGridNavigationColumnsDefinition = {\r\n        key: \"fromToDurations\",\r\n        keyProperty: \"id\",\r\n        columns: [\r\n            {\r\n                gridCellWidth: \"42px\",\r\n                render: (duration: IDemurrageDurationTime, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected}>\r\n                            <SortableKnob>\r\n                                <Knob>\r\n                                    <FontAwesomeIcon icon={faGripVertical} />\r\n                                </Knob>\r\n                            </SortableKnob>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"90px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty\r\n                            selected={selected}\r\n                            onTrigger={() => {\r\n                                updateDuration({ ...duration, add: !duration.add });\r\n                            }}\r\n                        >\r\n                            <Toggle title=\"Toggle add/deduct\" >\r\n                                <div className={duration.add ? \" add\" : undefined}>\r\n                                    {duration.add ? \"Add\" : \"Deduct\"}\r\n                                </div>\r\n                            </Toggle>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            value={duration.name}\r\n                            onValueChanged={v => {\r\n                                updateDuration({ ...duration, name: v });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"100px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            suffix=\"%\"\r\n                            value={duration.percent ? duration.percent.toString() : \"\"}\r\n                            numeric={true}\r\n                            maxLength={6}\r\n                            alignInput=\"right\"\r\n                            onValueChanged={v => {\r\n                                let d: IDemurrageDurationFromTo = { ...duration, percent: Number(v.replaceAll(\",\", \".\")) };\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"120px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableDate\r\n                            selected={selected}\r\n                            date={duration.from}\r\n                            timeZone={portCall.port?.timeZone}\r\n                            onDateChanged={date => {\r\n                                // Get the date\r\n                                let newDate = makeDateObject(date as Date);\r\n\r\n                                // Get the event date in the correct time zone\r\n                                let dateInTimeZone = DateTime.fromJSDate(new Date(duration.from), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                // Set props based on the incomming date. This makes sure that what is selected actually gets set in the correct zone\r\n                                dateInTimeZone = dateInTimeZone.set({\r\n                                    year: newDate.year,\r\n                                    month: newDate.month,\r\n                                    day: newDate.day\r\n                                });\r\n\r\n                                let d: IDemurrageDurationFromTo = ({ ...duration, from: dateInTimeZone.toJSDate() })\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"72px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            maxLength={5}\r\n                            placeholder=\"HH:mm\"\r\n                            value={DateTime.fromJSDate(new Date(duration.from), { zone: portCall.port!.timeZone }).toFormat(\"HH:mm\")}\r\n                            error={v => {\r\n                                return getTimeFromString(v) ? false : true;\r\n                            }}\r\n                            onValueChanged={newValue => {\r\n                                let time = getTimeFromString(newValue as string);\r\n                                if (!time) {\r\n                                    return false;\r\n                                }\r\n\r\n                                // Create start of day\r\n                                let eDate = DateTime.fromJSDate(new Date(duration.from), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                let startOfDay = eDate.startOf(\"day\");\r\n                                let newDate = startOfDay.set({ hour: time.hour, minute: time.minute, second: 0, millisecond: 0 });\r\n\r\n                                let d: IDemurrageDurationFromTo = ({ ...duration, from: newDate.toJSDate() })\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"120px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableDate\r\n                            selected={selected}\r\n                            date={duration.to}\r\n                            timeZone={portCall.port?.timeZone}\r\n                            onDateChanged={date => {\r\n                                // Get the date\r\n                                let newDate = makeDateObject(date as Date);\r\n\r\n                                // Get the event date in the correct time zone\r\n                                let dateInTimeZone = DateTime.fromJSDate(new Date(duration.to), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                // Set props based on the incomming date. This makes sure that what is selected actually gets set in the correct zone\r\n                                dateInTimeZone = dateInTimeZone.set({\r\n                                    year: newDate.year,\r\n                                    month: newDate.month,\r\n                                    day: newDate.day\r\n                                });\r\n\r\n                                let d: IDemurrageDurationFromTo = ({ ...duration, to: dateInTimeZone.toJSDate() })\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"72px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            maxLength={5}\r\n                            placeholder=\"HH:mm\"\r\n                            value={DateTime.fromJSDate(new Date(duration.to), { zone: portCall.port!.timeZone }).toFormat(\"HH:mm\")}\r\n                            error={v => {\r\n                                return getTimeFromString(v) ? false : true;\r\n                            }}\r\n                            onValueChanged={newValue => {\r\n                                let time = getTimeFromString(newValue as string);\r\n                                if (!time) {\r\n                                    return false;\r\n                                }\r\n\r\n                                // Create start of day\r\n                                let eDate = DateTime.fromJSDate(new Date(duration.to), {\r\n                                    zone: portCall.port!.timeZone\r\n                                });\r\n\r\n                                let startOfDay = eDate.startOf(\"day\");\r\n                                let newDate = startOfDay.set({ hour: time.hour, minute: time.minute, second: 0, millisecond: 0 });\r\n\r\n                                let d: IDemurrageDurationFromTo = ({ ...duration, to: newDate.toJSDate() })\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                exclude: excludeColumn,\r\n                gridCellWidth: \"140px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n\r\n                    let ms = (getDuration(duration.from, duration.to) / 100) * duration.percent;\r\n                    let title = `Duration ${duration.add ? \"\" : \"-\"}${getDurationString(ms, false, true)}`;\r\n\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected} title={title}>\r\n                            <DurationString>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faStopwatch} />\r\n                                </div>\r\n                                <div>\r\n                                    {!duration.add && <span>-</span>}\r\n                                    {getDurationString(ms)}\r\n                                </div>\r\n                            </DurationString>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <DemurrageEventComment\r\n                            comment={duration.comment}\r\n                            selected={selected}\r\n                            onChange={comment => {\r\n                                updateDuration({ ...duration, comment });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationFromTo, selected) => {\r\n                    return (\r\n                        <GridNavigationTableIcon\r\n                            title=\"Delete\"\r\n                            selected={selected}\r\n                            icon={<FontAwesomeIcon icon={faTrashAlt} />}\r\n                            onTrigger={() => {\r\n                                deleteDuration(duration);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            }\r\n        ]\r\n    };\r\n\r\n    const durationWithEvents: IGridNavigationColumnsDefinition = {\r\n        key: \"withEventsDurations\",\r\n        keyProperty: \"id\",\r\n        columns: [\r\n            {\r\n                gridCellWidth: \"42px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected}>\r\n                            <SortableKnob>\r\n                                <Knob>\r\n                                    <FontAwesomeIcon icon={faGripVertical} />\r\n                                </Knob>\r\n                            </SortableKnob>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"90px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <GridNavigationTableEmpty\r\n                            selected={selected}\r\n                            onTrigger={() => {\r\n                                updateDuration({ ...duration, add: !duration.add });\r\n                            }}\r\n                        >\r\n                            <Toggle title=\"Toggle add/deduct\" >\r\n                                <div className={duration.add ? \" add\" : undefined}>\r\n                                    {duration.add ? \"Add\" : \"Deduct\"}\r\n                                </div>\r\n                            </Toggle>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            value={duration.name}\r\n                            onValueChanged={v => {\r\n                                updateDuration({ ...duration, name: v });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"100px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <GridNavigationTableTxt\r\n                            selected={selected}\r\n                            suffix=\"%\"\r\n                            value={duration.percent ? duration.percent.toString() : \"\"}\r\n                            numeric={true}\r\n                            alignInput=\"right\"\r\n                            onValueChanged={v => {\r\n                                let d: IDemurrageDurationWithEvents = { ...duration, percent: Number(v.replaceAll(\",\", \".\")) };\r\n                                updateDuration(d);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"192px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    let ev = portCall.events.find(_ => _.id === duration.fromEventId);\r\n                    let title = \"From\";\r\n                    title += ev\r\n                        ? `: ${ev.name} ${ev.additionalInfo ? `- (${ev.additionalInfo})` : \"\"} - ${toDateString(ev.eventDate, portCall.port?.timeZone, true)}`\r\n                        : \" event\";\r\n\r\n                    return (\r\n                        <GridNavigationTableDropDown\r\n                            title={title}\r\n                            selected={selected}\r\n                            selectedKey={ev?.id}\r\n                            options={getEventOptions(duration, true)}\r\n                            onChange={(ev, option) => {\r\n                                if (option) {\r\n                                    let d: IDemurrageDurationWithEvents = ({ ...duration, fromEventId: option.key.toString() })\r\n                                    updateDuration(d);\r\n                                }\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"192px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    let ev = portCall.events.find(_ => _.id === duration.toEventId);\r\n                    let title = \"To\";\r\n                    title += ev\r\n                        ? `: ${ev.name} ${ev.additionalInfo ? `- (${ev.additionalInfo})` : \"\"} - ${toDateString(ev.eventDate, portCall.port?.timeZone, true)}`\r\n                        : \" event\";\r\n\r\n                    return (\r\n                        <GridNavigationTableDropDown\r\n                            title={title}\r\n                            selected={selected}\r\n                            selectedKey={ev?.id}\r\n                            options={getEventOptions(duration, false)}\r\n                            onChange={(ev, option) => {\r\n                                if (option) {\r\n                                    let d: IDemurrageDurationWithEvents = ({ ...duration, toEventId: option.key.toString() })\r\n                                    updateDuration(d);\r\n                                }\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                exclude: excludeColumn,\r\n                gridCellWidth: \"140px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n\r\n                    let fromEvent = portCall.events.find(_ => _.id === duration.fromEventId);\r\n                    let toEvent = portCall.events.find(_ => _.id === duration.toEventId);\r\n                    let ms = (getDuration(fromEvent?.eventDate, toEvent?.eventDate) / 100) * duration.percent;\r\n                    let title = `Duration ${duration.add ? \"\" : \"-\"}${getDurationString(ms, false, true)}`;\r\n\r\n                    return (\r\n                        <GridNavigationTableEmpty selected={selected} title={title}>\r\n                            <DurationString>\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faStopwatch} />\r\n                                </div>\r\n                                <div>\r\n                                    {!duration.add && <span>-</span>}\r\n                                    {getDurationString(ms)}\r\n                                </div>\r\n                            </DurationString>\r\n                        </GridNavigationTableEmpty>\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <DemurrageEventComment\r\n                            comment={duration.comment}\r\n                            selected={selected}\r\n                            onChange={comment => {\r\n                                updateDuration({ ...duration, comment });\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            },\r\n            {\r\n                gridCellWidth: \"56px\",\r\n                render: (duration: IDemurrageDurationWithEvents, selected) => {\r\n                    return (\r\n                        <GridNavigationTableIcon\r\n                            title=\"Delete\"\r\n                            selected={selected}\r\n                            icon={<FontAwesomeIcon icon={faTrashAlt} />}\r\n                            onTrigger={() => {\r\n                                deleteDuration(duration);\r\n                            }}\r\n                        />\r\n                    );\r\n                }\r\n            }\r\n        ]\r\n    };\r\n\r\n    if (getAllDurations(portCall).length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <GridNavigationTable\r\n                sortable\r\n                onSortEnd={onSortEnd}\r\n                sort={(a: IDemurrageDuration, b: IDemurrageDuration) => {\r\n                    return a.sortOrder > b.sortOrder ? 1 : -1;\r\n                }}\r\n                columns={[\r\n                    durationTimeColumns,\r\n                    durationFromToColumns,\r\n                    durationWithEvents\r\n                ]}\r\n                data={[\r\n                    {\r\n                        columDefinitionKey: \"timeDurations\",\r\n                        data: portCall.durations.slice()\r\n                    },\r\n                    {\r\n                        columDefinitionKey: \"fromToDurations\",\r\n                        data: portCall.durationsFromTo.slice()\r\n                    },\r\n                    {\r\n                        columDefinitionKey: \"withEventsDurations\",\r\n                        data: portCall.durationsWithEvents.slice()\r\n                    }\r\n                ]}\r\n            />\r\n        </Container>\r\n    );\r\n};","import { Callout } from \"@fluentui/react\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IDemurrageEvent } from \"../../../../../interfaces/demurrage/IDemurrageEvent\";\r\nimport { IDemurragePortCall } from \"../../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { CountFromToDragDrop } from \"./events/CountFromToDragDrop/CountFromTo\";\r\nimport { DemCountFromToDropDown } from \"./modules/DemCountFromToDropDown\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { DurationUnitTypes } from \"../../../../../_enums/DurationUnitTypes\";\r\nimport { DemTimeConsumedInPort } from \"./modules/DemTimeInPort\";\r\nimport { Card } from \"../../../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowDown, faArrowUp, faComment, faCommentSlash, faEdit, faEllipsis, faExclamationCircle, faExternalLink, faGlobeEurope, faHistory, faPlus, faStar, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { CargoDirections } from \"../../../../../_enums/CargoDirections\";\r\nimport { DemurragePortCallPanel } from \"../DemurragePortCallPanel\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useFixtureProvider } from \"../../../../../contextHooks/FixtureContext\";\r\nimport { DemurrageDurationType } from \"../../../../../interfaces/demurrage/IDemurrageDuration\";\r\nimport { IDemurrageDurationFromTo } from \"../../../../../interfaces/demurrage/IDemurrageDurationFromTo\";\r\nimport { IDemurrageDurationWithEvents } from \"../../../../../interfaces/demurrage/IDemurrageDurationWithEvents\";\r\nimport { IDemurrageDurationTime } from \"../../../../../interfaces/demurrage/IDemurrageDurationTime\";\r\nimport { useDemurragePortCall } from \"../../../../../hooks/useDemurragePortCall\";\r\nimport { Currency } from \"../../../../../blocks/currency/Currency\";\r\nimport { DateTime, Duration } from \"luxon\";\r\nimport { DemurrageEvents } from \"./events/DemurrageEvents\";\r\nimport { DemDurations } from \"./modules/DemDurations\";\r\nimport { useLaytimeDurationTemplates } from \"../../../../../api/hooks/useLaytimeDurationTemplates\";\r\nimport { ILaytimeDurationTemplate } from \"../../../../../interfaces/ILaytimeDurationTemplate\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: relative;\r\n\r\n    .sort {\r\n        top: 0;\r\n        right: -30px;\r\n        width: 30px;\r\n        position: absolute;\r\n        color: #ccc;\r\n\r\n        >div {\r\n            padding: 8px 0;\r\n            display: flex;\r\n            justify-content: center;\r\n            border-radius: 4px;\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n                background-color: #ddd;\r\n                color: #555;\r\n                transition: color .1s ease-in-out;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Header = styled.div`\r\n    background-color: #4177bf;\r\n    height: 46px;\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    padding: 0 14px;\r\n\r\n    .info {\r\n        display: flex;\r\n\r\n        >div {\r\n            margin: 0px 4px;\r\n            color: white;\r\n            padding-top: 11px;\r\n        }\r\n\r\n        .port {\r\n            padding-top: 14px;\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .info {\r\n            padding-top: 12px;\r\n            font-size: 14px;\r\n            letter-spacing: .5px;\r\n        }\r\n\r\n        .direction, .tz {\r\n            color: #ccc;\r\n        }\r\n\r\n        .label {\r\n            margin-top: 11px;\r\n            padding: 2px 6px 3px;\r\n            border: 1px solid #aaa;\r\n            font-size: 12px;\r\n            letter-spacing: 1px;\r\n            font-weight: 500;\r\n            height: fit-content;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .rate {\r\n            background-color: #6298df;\r\n        }\r\n    }\r\n\r\n    .actions {\r\n        display: flex;\r\n        color: white;\r\n\r\n        >div {\r\n            display: flex;\r\n            align-items: center;\r\n            padding: 0 12px;\r\n            cursor: pointer;\r\n            font-size: 14px;\r\n\r\n            :hover {\r\n                background-color: rgb(255,255,255, .1);\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Warnings = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 10px;\r\n    border-bottom: 1px solid #f1f1f1;\r\n\r\n    >div {\r\n        background-color: #ffdbdb;\r\n        margin: 5px;\r\n        padding: 5px 10px;\r\n        border: 1px solid #ddd;\r\n        border-radius: 4px;\r\n        display: flex;\r\n        font-size: 14px;\r\n\r\n        >div:first-child {\r\n            width: 20px;\r\n            color: #ff4f4f;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Events = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 42px 1fr;\r\n`;\r\n\r\nconst Menu = styled.div`\r\n    >div {\r\n        padding: 10px 20px;\r\n        display: grid;\r\n        grid-template-columns: 30px auto;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n\r\n    .disabled {\r\n        cursor: default;\r\n        color: #ccc;\r\n\r\n        :hover {\r\n            background-color: transparent;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const DemurragePortCall: React.FC<{ portCall: IDemurragePortCall, onChange: (_: IDemurragePortCall) => void, onDelete: () => void }> = ({ portCall, onChange, onDelete }) => {\r\n    const { demurrage, fixture, setDemurrage } = useFixtureProvider();\r\n    const { getAllDurations } = useDemurragePortCall();\r\n    const { getDurationString, makeDateObject } = useDateFunctions();\r\n    const { isEmpty: stringIsEmpty, toCapitalLetters } = useStringFunctions();\r\n    const { laytimeDurationTemplates, mutate } = useLaytimeDurationTemplates(1000 * 60 * 60 * 12);\r\n    const [editPortCall, setEditPortCall] = useState<IDemurragePortCall | undefined>();\r\n    const [deleteOpen, { toggle: toggleDeleteOpen }] = useBoolean(false);\r\n    const [menuOpen, { toggle: toggleMenuOpen }] = useBoolean(false);\r\n    const [warnings, setWarnings] = useState<string[]>([]);\r\n    const history = useNavigate();\r\n    const menuButtonId = useId(\"menu-button\");\r\n\r\n    const getWarnings = () => {\r\n        let _warnings: string[] = [];\r\n\r\n        if (!portCall.countFrom) {\r\n            _warnings.push(\"Laytime commenced not set\");\r\n        }\r\n\r\n        if (!portCall.countTo) {\r\n            _warnings.push(\"Laytime completed not set\");\r\n        }\r\n\r\n        if (portCall.countFrom && portCall.countTo && makeDateObject(portCall.countFrom.eventDate) > makeDateObject(portCall.countTo.eventDate)) {\r\n            _warnings.push(\"Laytime completed is before Laytime commenced\");\r\n        }\r\n\r\n        setWarnings(_warnings);\r\n    }\r\n\r\n    const sort = (direction: \"up\" | \"down\") => {\r\n        let _portCalls = demurrage!.portCalls.slice();\r\n        let _currentIndex = _portCalls.findIndex(_ => _.id === portCall.id);\r\n        let _portCall = _portCalls[_currentIndex];\r\n\r\n        if (direction == \"up\" && _currentIndex > 0) {\r\n            let _swapWith = _portCalls[_currentIndex - 1];\r\n\r\n            _portCalls[_currentIndex] = _swapWith;\r\n            _portCalls[_currentIndex - 1] = _portCall;\r\n        }\r\n        else if (direction === \"down\" && _currentIndex < _portCalls.length - 1) {\r\n            let _swapWith = _portCalls[_currentIndex + 1];\r\n\r\n            _portCalls[_currentIndex] = _swapWith;\r\n            _portCalls[_currentIndex + 1] = _portCall;\r\n        }\r\n\r\n        setDemurrage({\r\n            ...demurrage!,\r\n            portCalls: _portCalls\r\n        });\r\n    }\r\n\r\n    const addEvent = () => {\r\n        let newEvent: IDemurrageEvent = {\r\n            id: uuidv4(),\r\n            eventDate: DateTime.now().startOf(\"minute\").toJSDate(),\r\n            name: \"\"\r\n        };\r\n\r\n        onChange({\r\n            ...portCall,\r\n            events: [...portCall.events, newEvent]\r\n        });\r\n\r\n        if (menuOpen) {\r\n            toggleMenuOpen();\r\n        }\r\n    }\r\n\r\n    const addDurationTime = (txt?: string) => {\r\n        let newEvent: IDemurrageDurationTime = {\r\n            id: uuidv4(),\r\n            durationType: DemurrageDurationType.Time,\r\n            sortOrder: getAllDurations(portCall).length,\r\n            name: txt ? txt : \"\",\r\n            duration: 0,\r\n            durationUnitType: DurationUnitTypes.Hours,\r\n            add: false\r\n        }\r\n\r\n        onChange({\r\n            ...portCall,\r\n            durations: [...portCall.durations, newEvent]\r\n        })\r\n\r\n        toggleMenuOpen();\r\n    }\r\n\r\n    const addDurationFromTo = (txt?: string, percent?: number) => {\r\n        let newEvent: IDemurrageDurationFromTo = {\r\n            id: uuidv4(),\r\n            durationType: DemurrageDurationType.FromTo,\r\n            sortOrder: getAllDurations(portCall).length,\r\n            name: txt ? txt : \"\",\r\n            from: new Date(),\r\n            to: new Date(),\r\n            add: false,\r\n            percent: percent ? percent : 100\r\n        }\r\n\r\n        onChange({\r\n            ...portCall,\r\n            durationsFromTo: [...portCall.durationsFromTo, newEvent]\r\n        });\r\n\r\n        toggleMenuOpen();\r\n    }\r\n\r\n    const addDurationFromToEvent = (txt?: string, percent?: number) => {\r\n        let newEvent: IDemurrageDurationWithEvents = {\r\n            id: uuidv4(),\r\n            durationType: DemurrageDurationType.WithEvents,\r\n            sortOrder: getAllDurations(portCall).length,\r\n            name: txt ? txt : \"\",\r\n            add: false,\r\n            percent: percent ? percent : 100\r\n        };\r\n\r\n        onChange({\r\n            ...portCall,\r\n            durationsWithEvents: [...portCall.durationsWithEvents, newEvent]\r\n        });\r\n\r\n        toggleMenuOpen();\r\n    }\r\n\r\n    const addDurationFromTemplate = (template: ILaytimeDurationTemplate) => {\r\n        switch (template.type) {\r\n            case DemurrageDurationType.Time:\r\n                addDurationTime(template.text);\r\n                return;\r\n            case DemurrageDurationType.FromTo:\r\n                addDurationFromTo(template.text, template.percent);\r\n                return;\r\n            case DemurrageDurationType.WithEvents:\r\n                addDurationFromToEvent(template.text, template.percent);\r\n                return;\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getWarnings();\r\n    }, [portCall, portCall.countFrom, portCall.countTo]);\r\n\r\n    return (\r\n        <Container>\r\n            <Card hideHeader>\r\n                <Header>\r\n                    <div className=\"info\">\r\n                        <div className=\"icon\">\r\n                            <FontAwesomeIcon icon={faGlobeEurope} />\r\n                        </div>\r\n                        <div className=\"port\">\r\n                            {portCall.port!.name}\r\n                        </div>\r\n                        <div className=\"info direction\">\r\n                            {portCall.reasonForCall === CargoDirections.Load ? \"Loading\" : \"Discharging\"}\r\n                        </div>\r\n                        <div className=\"info tz\">\r\n                            Tz: {portCall.port!.timeZone}\r\n                        </div>\r\n                        {portCall.demurrageRate &&\r\n                            <div className=\"label rate\" title=\"Rate\">\r\n                                <Currency currency={fixture!.currency} amount={portCall.demurrageRate} />\r\n                            </div>\r\n                        }\r\n                        {portCall.timeAllowedInMinutes &&\r\n                            <div className=\"label time-allowed\" title=\"Allowed laytime\">\r\n                                {getDurationString(Duration.fromObject({ minutes: portCall.timeAllowedInMinutes }).as(\"milliseconds\"))}\r\n                            </div>\r\n                        }\r\n                        {portCall.timeAllowedInPercent &&\r\n                            <div className=\"label time-allowed\" title=\"Allowed laytime\">\r\n                                {portCall.timeAllowedInPercent}%\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                    <div className=\"actions\">\r\n                        <div onClick={addEvent} title=\"Add event\">\r\n                            <FontAwesomeIcon icon={faPlus} />\r\n                        </div>\r\n\r\n                        <div\r\n                            title={stringIsEmpty(portCall.internalComments) ? \"No internal portcall comment\" : \"Internal portcall comment\"}\r\n                            onClick={() => {\r\n                                history(window.location.pathname + \"?focus=ic\", { replace: true });\r\n                                setEditPortCall(portCall);\r\n                            }}\r\n                        >\r\n                            <div style={{ opacity: stringIsEmpty(portCall.internalComments) ? .4 : 1 }}>\r\n                                <FontAwesomeIcon icon={faCommentSlash} />\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            title={stringIsEmpty(portCall.comments) ? \"No portcall comment\" : \"Portcall comment\"}\r\n                            onClick={() => {\r\n                                history(window.location.pathname + \"?focus=c\", { replace: true });\r\n                                setEditPortCall(portCall);\r\n                            }}\r\n                        >\r\n                            <div style={{ opacity: stringIsEmpty(portCall.comments) ? .4 : 1 }}>\r\n                                <FontAwesomeIcon icon={faComment} />\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div id={menuButtonId} onClick={toggleMenuOpen} title=\"Portcall menu\">\r\n                            <FontAwesomeIcon icon={faEllipsis} />\r\n                        </div>\r\n\r\n                        {menuOpen && (\r\n                            <Callout\r\n                                target={`#${menuButtonId}`}\r\n                                onDismiss={toggleMenuOpen}\r\n                                gapSpace={-10}\r\n                            >\r\n                                <Menu>\r\n                                    <div onClick={addEvent}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faPlus} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Add event\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div onClick={() => addDurationTime()}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faHistory} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Add duration\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div onClick={() => addDurationFromTo()}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faHistory} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Add duration from / to\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div onClick={() => addDurationFromToEvent()}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faHistory} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Add duration from / to events\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {laytimeDurationTemplates && laytimeDurationTemplates.map((t, tIndex) => {\r\n                                        return (\r\n                                            <div key={`LaytimeDurationTemplate_${tIndex}`} onClick={() => addDurationFromTemplate(t)}>\r\n                                                <div>\r\n                                                    <FontAwesomeIcon icon={faStar} style={{ color: \"#4177bf\" }} />\r\n                                                </div>\r\n                                                <div>\r\n                                                    Add duration <span style={{ color: \"#4177bf\" }}>{t.name}</span>\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n\r\n                                    <div onClick={() => setEditPortCall(portCall)} style={{ borderTop: \"1px solid #ddd\" }}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faEdit} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Edit portcall\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className={portCall.portCallId <= 0 ? \"disabled\" : \"\"} onClick={portCall.portCallId >= 0 ? () => history(`/portCalls/${portCall.portCallId}`) : undefined}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faExternalLink} />\r\n                                        </div>\r\n                                        <div>\r\n                                            View complete portcall\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div onClick={toggleDeleteOpen}>\r\n                                        <div>\r\n                                            <FontAwesomeIcon icon={faTrashAlt} />\r\n                                        </div>\r\n                                        <div>\r\n                                            Delete portcall\r\n                                        </div>\r\n                                    </div>\r\n                                </Menu>\r\n                            </Callout>\r\n                        )}\r\n                    </div>\r\n                </Header>\r\n                {warnings.length > 0 &&\r\n                    <Warnings>\r\n                        {warnings.map((w, i) => {\r\n                            return (\r\n                                <div key={`Warning_${i}`}>\r\n                                    <div>\r\n                                        <FontAwesomeIcon icon={faExclamationCircle} />\r\n                                    </div>\r\n                                    <div>\r\n                                        {w}\r\n                                    </div>\r\n                                </div>\r\n                            );\r\n                        })}\r\n                    </Warnings>\r\n                }\r\n\r\n                <div>\r\n                    <Events>\r\n                        <CountFromToDragDrop\r\n                            portCall={portCall}\r\n                            onChange={(ev, dragged) => {\r\n                                onChange({\r\n                                    ...portCall,\r\n                                    countFrom: dragged === \"from\" ? ev : portCall.countFrom,\r\n                                    countTo: dragged === \"to\" ? ev : portCall.countTo,\r\n                                });\r\n                            }}\r\n                        />\r\n                        <DemurrageEvents\r\n                            portCall={portCall}\r\n                            onChange={events => {\r\n                                onChange({\r\n                                    ...portCall,\r\n                                    events: events,\r\n                                    countFrom: events.find(_ => _.id === portCall.countFrom?.id),\r\n                                    countTo: events.find(_ => _.id === portCall.countTo?.id)\r\n                                });\r\n                            }}\r\n                        />\r\n                    </Events>\r\n                    <DemCountFromToDropDown\r\n                        portCall={portCall}\r\n                        onChange={onChange}\r\n                    />\r\n                    <DemDurations\r\n                        portCall={portCall}\r\n                        onChange={onChange}\r\n                    />\r\n                    <DemTimeConsumedInPort\r\n                        portCall={portCall}\r\n                    />\r\n                </div>\r\n\r\n                {/* <div><pre>{JSON.stringify(portCall, null, 2)}</pre></div> */}\r\n\r\n                <DemurragePortCallPanel\r\n                    isNew={false}\r\n                    pc={editPortCall}\r\n                    dismiss={() => {\r\n                        history(window.location.pathname, { replace: true });\r\n                        setEditPortCall(undefined);\r\n                    }}\r\n                    commit={_ => {\r\n                        history(window.location.pathname, { replace: true });\r\n                        onChange({ ..._ });\r\n                        setEditPortCall(undefined);\r\n                    }}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete portcall\"\r\n                    subText={`Are you sure you want to delete ${toCapitalLetters(portCall.port?.name)}?`}\r\n                    open={deleteOpen}\r\n                    cancel={toggleDeleteOpen}\r\n                    commit={onDelete}\r\n                />\r\n\r\n            </Card>\r\n\r\n            <div className=\"sort\">\r\n                <div title=\"Move up\" onClick={() => sort(\"up\")}>\r\n                    <FontAwesomeIcon icon={faArrowUp} />\r\n                </div>\r\n                <div title=\"Move down\" onClick={() => sort(\"down\")}>\r\n                    <FontAwesomeIcon icon={faArrowDown} />\r\n                </div>\r\n            </div>\r\n\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFixtureProvider } from \"../../../../../contextHooks/FixtureContext\";\r\nimport { DemurragePortCall } from \"./DemurragePortCall\";\r\nimport { useDemurragePortCall } from \"../../../../../hooks/useDemurragePortCall\";\r\n\r\n//#region Styled Components\r\nconst PortCalls = styled.div`\r\n    display: grid;\r\n    grid-gap: 30px;\r\n    margin: 0 -30px;\r\n    padding: 0 30px;\r\n`;\r\n\r\nconst NoPortCalls = styled.div`\r\n    background-color: #ffffe1;\r\n    padding: 0 5px;\r\n    font-size: 14px;\r\n    padding: 16px 30px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 3px #ccc;\r\n`;\r\n//#endregion \r\n\r\nexport const DemurragePortCalls: React.FC = () => {\r\n    const { demurrage, setDemurrage } = useFixtureProvider();\r\n    const { getOnDemurrageInPort } = useDemurragePortCall();\r\n\r\n    if (demurrage?.portCalls.length === 0) {\r\n        return (\r\n            <NoPortCalls>\r\n                No port call data available at the moment. Data is transferred to this module after SOF's are locked in the app.\r\n            </NoPortCalls>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <PortCalls>\r\n            {demurrage?.portCalls.map(pc => {\r\n                return (\r\n                    <DemurragePortCall\r\n                        key={pc.id}\r\n                        portCall={pc}\r\n                        onDelete={() => {\r\n                            setDemurrage({\r\n                                ...demurrage,\r\n                                portCalls: [...demurrage.portCalls.slice().filter(p => p.id !== pc.id)]\r\n                            });\r\n                        }}\r\n                        onChange={updatedPc => {\r\n                            // Recalculate values\r\n                            updatedPc = {\r\n                                ...updatedPc,\r\n                                timeOnDemurrageMs: getOnDemurrageInPort(demurrage!, updatedPc)\r\n                            };\r\n\r\n                            let _index = demurrage.portCalls.findIndex(pc => pc.id === updatedPc.id);\r\n                            let _portCalls = demurrage.portCalls;\r\n\r\n                            _portCalls[_index] = updatedPc;\r\n\r\n                            setDemurrage({\r\n                                ...demurrage,\r\n                                portCalls: _portCalls\r\n                            });\r\n                        }}\r\n                    />\r\n                );\r\n            })}\r\n        </PortCalls>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCalculator } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { Currency } from \"../../../../blocks/currency/Currency\";\r\nimport { Duration } from \"luxon\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: grid;\r\n    grid-template-rows: 1fr auto;\r\n    height: 100%;\r\n\r\n    .data {\r\n        font-size: 14px;\r\n        padding: 20px 30px;\r\n        margin: -4px 0;\r\n\r\n        >div {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            margin: 4px 0;\r\n\r\n            >div:nth-child(2) {\r\n                text-align: right;\r\n            }\r\n        }\r\n\r\n        .divider {\r\n            margin: 10px 0;\r\n            border-top: 1px dashed #aaa;\r\n        }\r\n    }\r\n`;\r\n\r\nconst ActiveStatus = styled.div<{ active: boolean }>`\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n    background-color: #eee;\r\n    border: 1px solid #ccc;\r\n    padding: 2px 8px 3px;\r\n    border-radius: 4px;\r\n    text-transform: uppercase;\r\n\r\n    ${_ => _.active\r\n        ? css`\r\n            border: 1px solid white;\r\n            background-color: #32ad32;    \r\n            color: white;\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n\r\nconst Payable = styled.div`\r\n    background-color: #fafafa;\r\n    padding: 15px 30px 20px;\r\n    font-size: 24px;\r\n    font-weight: 100;\r\n    border-radius: 0 0 4px 4px;\r\n    border-top: 1px solid #ddd;\r\n    font-weight: 400;\r\n\r\n    >span {\r\n        padding-left: 10px;\r\n    }\r\n`;\r\n\r\nconst NoDemurrage = styled.div`\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const DemurrageSummary: React.FC = () => {\r\n    const { demurrage, fixture } = useFixtureProvider();\r\n    const { getDurationString, resolveTimeZone } = useDateFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const tz = resolveTimeZone();\r\n\r\n    if (!fixture) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            icon={<FontAwesomeIcon icon={faCalculator} />}\r\n            title={`Calculation summary ${demurrage ? demurrage?.version < 0 ? \" - draft\" : ` v.${demurrage?.version}.0` : \"\"}`}\r\n            height=\"100%\"\r\n            actions={demurrage && demurrage.version >= 0 ? [{\r\n                title: \"\",\r\n                render: () => {\r\n                    return (\r\n                        <ActiveStatus active={demurrage.active} key=\"ActiveStatus\">\r\n                            {demurrage.active ? \"Active\" : \"In-active\"}\r\n                        </ActiveStatus>\r\n                    );\r\n                }\r\n            }] : undefined}\r\n        >\r\n            <Container>\r\n                {demurrage\r\n                    ?\r\n                    <>\r\n                        <div className=\"data\">\r\n                            <div>\r\n                                <div>\r\n                                    Terms:\r\n                                </div>\r\n                                <div>\r\n                                    {demurrage.terms && demurrage.terms.trim().length > 0 ? toCapitalLetters(demurrage.terms) : demurrage.termSet ? toCapitalLetters(demurrage.termSet.name) : \"?\"}\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Rate:\r\n                                </div>\r\n                                <div>\r\n                                    <Currency currency={demurrage.currency} amount={demurrage.demurrageRate} />\r\n                                </div>\r\n                            </div>\r\n                            <div title={`Timezone: ${tz}`} className=\"override\">\r\n                                <div>\r\n                                    Laycan:\r\n                                </div>\r\n                                <div>\r\n                                    {demurrage.layCanFrom && demurrage.layCanTo ? `${toDateString(demurrage.layCanFrom, tz, true)} - ${toDateString(demurrage.layCanTo, tz, true)}` : \"n/a\"}\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Time allowed:\r\n                                </div>\r\n                                <div>\r\n                                    {getDurationString(Duration.fromObject({ minutes: demurrage.timeAllowedInMinutes }).as(\"milliseconds\"), false, true)}\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Total time consumed:\r\n                                </div>\r\n                                <div>\r\n                                    {getDurationString(demurrage.calculations.reduce((sum, current) => sum + current.timeConsumedMs, 0), false, true)}\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                <div>\r\n                                    Time on demurrage:\r\n                                </div>\r\n                                <div>\r\n                                    {getDurationString(demurrage.calculations.reduce((sum, current) => sum + current.timeOnDemurrageMs, 0), false, true)}\r\n                                </div>\r\n                            </div>\r\n                            {demurrage.calculations.length >= 2 &&\r\n                                <>\r\n                                    <div className=\"divider\" />\r\n                                    {demurrage.calculations.map((i, index) => {\r\n                                        return (\r\n                                            <div key={`DemurrageInfo_${index}`} title={i.portName ? `Demurrage in ${toCapitalLetters(i.portName)}` : undefined}>\r\n                                                <div>\r\n                                                    <span>{getDurationString(i.timeOnDemurrageMs, false, true)}</span> @ <Currency amount={i.rate} currency={demurrage.currency} />\r\n\r\n                                                </div>\r\n                                                <div>\r\n                                                    <Currency amount={i.payable} currency={demurrage.currency} />\r\n                                                </div>\r\n                                            </div>\r\n                                        );\r\n                                    })}\r\n                                </>\r\n                            }\r\n                        </div>\r\n                        <Payable>\r\n                            Demurrage payable: <Currency currency={demurrage?.currency} amount={demurrage?.calculations.reduce((sum, current) => sum + current.payable, 0)} />\r\n                        </Payable>\r\n                    </>\r\n                    :\r\n                    <NoDemurrage>\r\n                        No data available\r\n                    </NoDemurrage>\r\n                }\r\n\r\n            </Container>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBoxes, faExclamationCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { ICargo } from \"../../../../interfaces/ICargo\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { ISof } from \"../../../../interfaces/ISof\";\r\n\r\n//#region Styled Components\r\nconst CargoPorts = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: -5px -14px;\r\n`;\r\n\r\nconst CargoPort = styled.div<{ direction?: string, active?: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: 21px 1fr auto;\r\n    margin: 5px 14px 6px;\r\n\r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        >div {\r\n            height: 16px;\r\n            width: 16px;\r\n            color: white;\r\n            background-color: ${_ => _.active ? _.direction === \"L\" ? \"#4177bf\" : \"#32ad32\" : \"#bbb\"};\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n        }\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            color:#4177bf\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        display:${_ => _.active ? \"flex\" : \"none\"};\r\n\r\n        >div {\r\n            cursor: pointer;\r\n            background-color: #fafafa;\r\n            padding: 1px 4px 2px;\r\n            border: 1px solid #ccc;\r\n            font-size: 10px;\r\n            font-weight: 700;\r\n            border-radius: 4px;\r\n            margin: 2px 0 0 5px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const DemurrageCargo: React.FC = () => {\r\n    const { app } = useAppContext();\r\n    const { cargos, fixture, portCalls } = useFixtureProvider();\r\n    const { convertBase64ToArrayBuffer, toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { getError } = useRest();\r\n    const history = useNavigate();\r\n\r\n    const openPdf = (_: string) => {\r\n        let bytes = convertBase64ToArrayBuffer(_);\r\n\r\n        if (!bytes) {\r\n            console.log(\"Unable to download PDF\");\r\n            return;\r\n        }\r\n\r\n        let blob = new Blob([bytes], { type: \"application/pdf\" })\r\n        var fileURL = URL.createObjectURL(blob);\r\n        window.open(fileURL);\r\n        URL.revokeObjectURL(fileURL);\r\n    }\r\n\r\n    const downloadSof = (sof: ISof) => {\r\n        app.setAppMessage({\r\n            text: \"Downloading document, please wait...\",\r\n            ttl: 10000,\r\n            icon: <Icon {...getFileTypeIconProps({ extension: \"pdf\", size: 20, imageFileType: 'png' })} />\r\n        });\r\n\r\n        app.api.downloadSofPdf(sof.id)\r\n            .then(_ => {\r\n                openPdf(_);\r\n                app.setAppMessage();\r\n            })\r\n            .catch(async err => {\r\n                console.log(err);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    ttl: 4000,\r\n                    icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n                });\r\n            });\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Commodity\",\r\n            render: (c: ICargo) => {\r\n                return c.commodity?.name;\r\n            }\r\n        },\r\n        {\r\n            key: \"Quantity\",\r\n            textAlign: \"right\",\r\n            render: (c: ICargo) => {\r\n                return `${c.quantity?.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${c.measurement?.name}`\r\n            }\r\n        },\r\n        {\r\n            key: \"Ports\",\r\n            render: (c: ICargo) => {\r\n                return (\r\n                    <CargoPorts>\r\n                        {c.cargoPorts?.slice().filter(_ => !_.inActive).sort((a, b) => makeDateObject(a.scheduledArrival!) > makeDateObject(b.scheduledArrival!) ? 1 : -1).map(cp => {\r\n                            let active = portCalls?.find(_ => _.portCall.id === cp.portCallId) ? true : false;\r\n                            let sof = portCalls?.find(_ => _.portCall.id === cp.portCallId)?.sof.find(_ => _.cargoPortId === cp.id);\r\n\r\n                            return (\r\n                                <CargoPort direction={cp.reasonForCall} key={`cargo-port-${cp.id}`} active={active}>\r\n                                    <div>\r\n                                        <div>\r\n                                            {cp.reasonForCall}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div title={active ? \"Go to port call details.\" : \"Go to port call details. No SOF registered for cargo.\"} onClick={() => history(`/portCalls/${cp.portCallId}`)} >\r\n                                        {toCapitalLetters(cp.portObject?.name)}\r\n                                    </div>\r\n                                    <div onClick={() => downloadSof(sof!)} title=\"Open SOF\">\r\n                                        {sof &&\r\n                                            <div>SOF</div>\r\n                                        }\r\n                                    </div>\r\n                                </CargoPort>\r\n                            );\r\n                        })}\r\n                    </CargoPorts>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    if (!fixture) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            icon={<FontAwesomeIcon icon={faBoxes} />}\r\n            title={`Cargo (${cargos?.length})`}\r\n            height=\"100%\"\r\n            maxHeight=\"290px\"\r\n        >\r\n            <AppGridTableNew\r\n                smallHeader\r\n                noHoverColor\r\n                bottomBorder\r\n                columns={columns}\r\n                data={cargos}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DemurragePortCalls } from \"./portCalls/DemurragePortCalls\";\r\nimport { DemurrageSummary } from \"./DemurrageSummary\";\r\nimport { DemurrageCargo } from \"./DemurrageCargo\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: grid;\r\n    gap: 30px;\r\n\r\n    .two-columns {\r\n        display: grid;\r\n        row-gap: 30px;\r\n\r\n        @media (min-width: 1600px) {\r\n            grid-template-columns: repeat(2, 1fr);\r\n            column-gap: 30px;\r\n            row-gap: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const Demurrage: React.FC = () => {\r\n    return (\r\n        <Container>\r\n            <div className=\"two-columns\">\r\n                <DemurrageSummary />\r\n                <DemurrageCargo />\r\n            </div>\r\n            <DemurragePortCalls />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { faExclamationTriangle, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../../../globalHooks/useStores\";\r\nimport { IDemurrage } from \"../../../../../interfaces/demurrage/IDemurrage\";\r\nimport { AppDialog } from \"../../../../../blocks/appDialog/AppDialog\";\r\nimport { IFixture } from \"../../../../../interfaces/IFixture\";\r\nimport { useFixtureProvider } from \"../../../../../contextHooks/FixtureContext\";\r\n\r\nexport const DemurrageDeleteDialog: React.FC<{ fixture?: IFixture, demurrage?: IDemurrage, isOpen: boolean, commit: (createDraft: boolean) => void, dismiss: () => void }> = ({ fixture, demurrage, isOpen, commit, dismiss }) => {\r\n    const [deleting, setDeleting] = useState(false);\r\n    const { app } = useAppContext();\r\n    const { setDemurrage } = useFixtureProvider();\r\n\r\n    const deleteDemurrage = async () => {\r\n        try {\r\n            // Delete the demurrage\r\n            await app.api.deleteDemurrage(fixture!.id, demurrage!.id)\r\n\r\n            // Get the latest version\r\n            let _ = await app.api.getDemurrage(fixture!.id, 0);\r\n\r\n            if (_) {\r\n                setDemurrage(_, false);\r\n                app.setAppMessage({\r\n                    text: `Demurrage deleted. Restored version ${_.version}.0.`,\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />\r\n                });\r\n            }\r\n\r\n            commit(_ ? false : true);\r\n        }\r\n        catch (error) {\r\n            console.log(\"Error\", error);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationTriangle} />,\r\n                text: `An error occured while deleting demurrage v. ${demurrage!.version}.0`\r\n            });\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteDemurrage();\r\n        }\r\n    }, [deleting])\r\n\r\n\r\n    if (!fixture || !demurrage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppDialog\r\n            title={`Delete demurrage ${demurrage.version}.0`}\r\n            subText={`Are you sure you want to delete demurrage v. ${demurrage.version}.0?`}\r\n            open={isOpen}\r\n            cancel={dismiss}\r\n            working={deleting}\r\n            commit={() => setDeleting(true)}\r\n        />\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITermSet } from \"../../../../interfaces/demurrage/ITermSet\";\r\nimport { CountTo } from \"../../../termSets/edit/modules/CountTo\";\r\nimport { CountFrom } from \"../../../termSets/edit/modules/CountFrom\";\r\nimport { Deductions } from \"../../../termSets/edit/modules/Deductions\";\r\nimport { Additions } from \"../../../termSets/edit/modules/Additions\";\r\nimport { PortSplitting } from \"../../../termSets/edit/modules/PortSplitting\";\r\nimport { EarlyLoading } from \"../../../termSets/edit/modules/EarlyLoading\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: relative;\r\n    border-left: 1px dashed #ccc;\r\n    height: 100%;\r\n    overflow-y: auto;\r\n\r\n    .arrow {\r\n        z-index: 1;\r\n        position: sticky;\r\n        background-color: #4177bf;\r\n        top: 30px;\r\n        left: -1px;\r\n        height: 31px;\r\n        width: fit-content;\r\n        padding: 0 30px 1px;\r\n        display: flex;\r\n        align-items: center;\r\n        border-radius: 0 4px 4px 0;\r\n        color: white;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    padding: 40px 30px 30px;\r\n`;\r\n\r\nconst Divider = styled.div`\r\n    margin: 20px -30px 20px;\r\n    border-top: 1px dashed #aaa;\r\n\r\n    >div {\r\n        width: fit-content;\r\n        background-color: #888;\r\n        padding: 5px 12px 6px;\r\n        margin-left: 30px;\r\n        text-transform: uppercase;\r\n        font-size: 12px;\r\n        letter-spacing: .5px;\r\n        color: white;\r\n        text-transform: uppercase;\r\n        border-bottom: 1px solid #4177bf;\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        box-shadow: 0 5px 10px #ddd;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DemurrageEditPanelTermSet: React.FC<{ termSet?: ITermSet, onChange: (_: ITermSet) => void }> = ({ termSet, onChange }) => {\r\n    return (\r\n        <Container>\r\n            <div className=\"arrow\">\r\n                {termSet ? `Calculation details for ${termSet.name}` : \"Select term set to see calculation details\"}\r\n            </div>\r\n            {termSet &&\r\n                <Body>\r\n                    <Divider>\r\n                        <div>\r\n                            Count from\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <CountFrom\r\n                            cf={termSet.countFrom ? termSet.countFrom : { events: [], layCan: { required: false, startHour: 0, startMinute: 0 } }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    countFrom: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <Divider>\r\n                        <div>\r\n                            Count to\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <CountTo\r\n                            ct={termSet.countTo ? termSet.countTo : { events: [] }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    countTo: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <Divider>\r\n                        <div>\r\n                            Time to deduct\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <Deductions\r\n                            deductions={termSet.deductions ? termSet.deductions : { events: [], excludeHolidays: false, excludeSaturdays: false, excludeSundays: false }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    deductions: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <Divider>\r\n                        <div>\r\n                            Time to add\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <Additions\r\n                            additions={termSet.additions ? termSet.additions : { events: [] }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    additions: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    {/* <Divider>\r\n                        <div>\r\n                            Port splitting\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <PortSplitting\r\n                            ps={termSet.portSplitting ? termSet.portSplitting : { active: false, loading: 50, discharging: 50 }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    portSplitting: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div> */}\r\n                    <Divider>\r\n                        <div>\r\n                            Early loading\r\n                        </div>\r\n                    </Divider>\r\n                    <div>\r\n                        <EarlyLoading\r\n                            earlyLoading={termSet.earlyLoading ? termSet.earlyLoading : { active: false, name: \"\", percent: 100, stopHour: 0 }}\r\n                            onChange={_ => {\r\n                                onChange({\r\n                                    ...termSet,\r\n                                    earlyLoading: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, PanelType, TextField, Toggle } from \"@fluentui/react\";\r\nimport { faCalculator, faList } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { InputWithDescription } from \"../../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { IDemurrage } from \"../../../../interfaces/demurrage/IDemurrage\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { DemurrageEditPanelTermSet } from \"./DemurrageEditPanelTermSet\";\r\nimport { AppSearchBox } from \"../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { DateTimePicker } from \"../../../../blocks/dateTimePicker/DateTimePicker\";\r\nimport { useDemurrage } from \"../../../../hooks/useDemurrage\";\r\nimport { AllowedLaytime } from \"../../../../blocks/allowedLaytime/AllowedLaytime\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { AppNumericTextField } from \"../../../../blocks/inputs/AppTextFields\";\r\nimport { AppPanelNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 400px 1fr;\r\n    height: 100%;\r\n    overflow-y: auto;\r\n\r\n    >div {\r\n        height: 100%;\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .left {\r\n        padding: 0 30px;\r\n\r\n        >div {\r\n            margin: 10px 0;\r\n        }\r\n\r\n        .term-set {\r\n            margin: 30px -30px 10px -10px;\r\n\r\n            >div:first-child {\r\n                padding-left: 10px;\r\n                padding-right: 30px;\r\n                background-color: #4177bf;\r\n                border-radius: 4px 0 0 4px;\r\n            }\r\n\r\n            >div:last-child {\r\n                font-size: 10px;\r\n                letter-spacing: .5px;\r\n                padding: 4px 2px 0 12px;\r\n                color: #605e5c;\r\n                font-weight: 500;\r\n                text-transform: uppercase;\r\n            }\r\n        }\r\n\r\n        .term-set.active {\r\n            >div:first-child {\r\n                >div>div>div>div>div{\r\n                    background-color: #e7f1ff;\r\n                }\r\n            }\r\n        }\r\n\r\n        .two-columns {\r\n            display: grid;\r\n            grid-template-columns: 1fr 70px;\r\n            border: 1px solid #605e5c;\r\n            border-radius: 2px;\r\n\r\n        }\r\n    }\r\n\r\n    /* Hide spinner */\r\n    /* Chrome, Safari, Edge, Opera */\r\n    input::-webkit-outer-spin-button,\r\n    input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none;\r\n        margin: 0;\r\n    }\r\n\r\n    /* Firefox */\r\n    input[type=number] {\r\n        -moz-appearance: textfield;\r\n        appearance: textfield;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const DemurrageEditPanel: React.FC<{ d?: IDemurrage, commit: (demurrage: IDemurrage, applyTerms: boolean) => void, dismiss: () => void }> = ({ d, commit, dismiss }) => {\r\n    const [demurrage, setDemurrage] = useState<IDemurrage>();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { getMeasurement } = useDemurrage();\r\n    const { cargos } = useFixtureProvider();\r\n    const tz = resolveTimeZone();\r\n\r\n    useEffect(() => {\r\n        setDemurrage(d);\r\n    }, [d]);\r\n\r\n    if (!demurrage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <AppPanelNew\r\n                title={`Edit calculation ${demurrage.version > 0 ? `v. ${demurrage.version}.0` : \"\"}`}\r\n                isOpen={d ? true : false}\r\n                panelType={PanelType.custom}\r\n                customWidth={\"1100px\"}\r\n                dismiss={dismiss}\r\n                icon={<FontAwesomeIcon icon={faCalculator} />}\r\n                footerButtons={[\r\n                    {\r\n                        title: \"OK\",\r\n                        type: \"Primary\",\r\n                        onClick: () => commit(demurrage, false)\r\n                    },\r\n                    {\r\n                        title: \"OK & apply terms\",\r\n                        type: \"Primary\",\r\n                        hidden: demurrage.termSet ? false : true,\r\n                        onClick: () => commit(demurrage, true)\r\n                    },\r\n                    {\r\n                        title: \"Cancel\",\r\n                        onClick: dismiss\r\n                    }\r\n                ]}\r\n            >\r\n                <Body>\r\n                    <div className=\"left\">\r\n                        <div className={demurrage.termSet ? \"term-set active\" : \"term-set\"}>\r\n                            <div>\r\n                                <AppSearchBox\r\n                                    title=\"Rules applied to calculation\"\r\n                                    placeHolder=\"Search for term set\"\r\n                                    endPoint=\"termSets/search\"\r\n                                    keyProp=\"id\"\r\n                                    titleProp=\"name\"\r\n                                    minLengthBeforeSearhing={1}\r\n                                    defaultValue={demurrage.termSet}\r\n                                    onSelected={_ => {\r\n                                        setDemurrage({\r\n                                            ...demurrage,\r\n                                            termSet: _\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            <div>\r\n                                Calculation rules / Term set\r\n                            </div>\r\n                        </div>\r\n\r\n                        <InputWithDescription description=\"Terms\">\r\n                            <TextField\r\n                                title=\"Will show instead of term set name if defined\"\r\n                                value={demurrage.terms ? demurrage.terms : \"\"}\r\n                                onChange={(ev, v) => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        terms: v\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"Cargo\">\r\n                            <TextField\r\n                                value={demurrage.cargo ? demurrage.cargo : \"\"}\r\n                                onChange={(ev, v) => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        cargo: v\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"B/L quantity\">\r\n                            <AppNumericTextField\r\n                                suffix={getMeasurement(demurrage)?.name}\r\n                                value={demurrage.quantityProcessed ? demurrage.quantityProcessed.toString() : \"\"}\r\n                                onChange={(ev, v) => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        quantityProcessed: v ? Number(v) : undefined\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"LayCan from\">\r\n                            <DateTimePicker\r\n                                title={`Timezone: ${tz}`}\r\n                                date={demurrage.layCanFrom}\r\n                                timeZone={tz}\r\n                                onChange={_ => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        layCanFrom: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"LayCan to\">\r\n                            <DateTimePicker\r\n                                title={`Timezone: ${tz}`}\r\n                                date={demurrage.layCanTo}\r\n                                timeZone={tz}\r\n                                onChange={_ => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        layCanTo: _\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </InputWithDescription>\r\n\r\n                        <InputWithDescription description=\"Rate\">\r\n                            <div className=\"two-columns\">\r\n                                <TextField\r\n                                    inputMode=\"decimal\"\r\n                                    type=\"number\"\r\n                                    pattern=\"\\d*\"\r\n                                    borderless\r\n                                    defaultValue={demurrage.demurrageRate ? demurrage.demurrageRate.toString() : \"\"}\r\n                                    onChange={(ev, newValue) => {\r\n                                        setDemurrage({\r\n                                            ...demurrage,\r\n                                            demurrageRate: newValue ? Number(newValue) : undefined\r\n                                        });\r\n                                    }}\r\n                                />\r\n                                <Dropdown\r\n                                    selectedKey={demurrage.currency}\r\n                                    options={[\r\n                                        { key: \"USD\", text: \"USD\" },\r\n                                        { key: \"EUR\", text: \"EUR\" },\r\n                                        { key: \"NOK\", text: \"NOK\" }\r\n                                    ]}\r\n                                    onChange={(ev, option) => {\r\n                                        setDemurrage({\r\n                                            ...demurrage,\r\n                                            currency: option ? option.key.toString() : \"\"\r\n                                        });\r\n                                    }}\r\n                                    styles={{\r\n                                        title: {\r\n                                            border: \"none\",\r\n                                            lineHeight: \"32px\"\r\n                                        },\r\n                                        dropdown: {\r\n                                            \":after\": {\r\n                                                border: \"none !important\"\r\n                                            }\r\n                                        }\r\n                                    }}\r\n                                />\r\n\r\n                            </div>\r\n                        </InputWithDescription>\r\n\r\n                        <AllowedLaytime\r\n                            cargos={cargos}\r\n                            minutes={demurrage.timeAllowedInMinutes}\r\n                            onChange={minutes => {\r\n                                setDemurrage({\r\n                                    ...demurrage,\r\n                                    timeAllowedInMinutes: minutes\r\n                                });\r\n                            }}\r\n                        />\r\n\r\n                        <div style={{ marginTop: \"17px\" }}>\r\n                            <Toggle\r\n                                checked={demurrage.active}\r\n                                onText=\"Active version\"\r\n                                offText=\"Inactive version\"\r\n                                onChange={(ev, checked) => {\r\n                                    setDemurrage({\r\n                                        ...demurrage,\r\n                                        active: checked ? checked : false\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                    <div className=\"right\">\r\n                        <DemurrageEditPanelTermSet\r\n                            termSet={demurrage.termSet}\r\n                            onChange={_ => {\r\n                                setDemurrage({\r\n                                    ...demurrage,\r\n                                    termSet: _\r\n                                });\r\n                            }}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </AppPanelNew>\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faList } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Badge } from \"../../../../blocks/badge/Badge\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppPanelNew } from \"../../../../blocks/appPanel/AppPanelNew\";\r\nimport { useDemurrages } from \"../../../../api/hooks/useDemurrages\";\r\n\r\n//#region Styled Components\r\nconst List = styled.div`\r\n    >div {\r\n        padding: 17px 30px 18px;\r\n        border-bottom: 1px solid #ddd;\r\n        cursor: pointer;\r\n\r\n        >div:first-child {\r\n            display: flex;\r\n\r\n            >div:first-child {\r\n                flex-grow: 1;\r\n            }\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-top: 2px;\r\n            display: flex;\r\n            color: #aaa;\r\n            font-size: 12px;\r\n        }\r\n\r\n        :hover {\r\n            background-color: #f1f1f1;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const DemurrageVersionsPanel: React.FC<{ isOpen: boolean, commit: (demurrageId: number) => void, dismiss: () => void }> = ({ isOpen, commit, dismiss }) => {\r\n    const { fixture } = useFixtureProvider();\r\n    const { relativeDateString } = useDateFunctions();\r\n    const { demurrages, isValidating } = useDemurrages(isOpen ? fixture?.id : undefined);\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title=\"Demurrage versions\"\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            loading={!demurrages && isValidating}\r\n            icon={<FontAwesomeIcon icon={faList} />}\r\n            footerButtons={[{\r\n                title: \"Cancel\",\r\n                onClick: dismiss\r\n            }]}\r\n        >\r\n            <List>\r\n                {demurrages?.map(d => {\r\n                    return (\r\n                        <div\r\n                            key={`Demurrage_${d.id}`}\r\n                            onClick={() => commit(d.id)}\r\n                        >\r\n                            <div>\r\n                                <div>\r\n                                    Version {d.version}.0\r\n                                </div>\r\n                                <div>\r\n                                    {d.active &&\r\n                                        <Badge text=\"Active\" backgroundColor=\"#32ad32\" color=\"white\" borderColor=\"#bbb\" />\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                            <div>\r\n                                Created {relativeDateString(d.created, { months: 1 }, undefined, true)}\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n            </List>\r\n        </AppPanelNew>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDemurrage } from \"../../interfaces/demurrage/IDemurrage\";\r\n\r\nexport const useDemurrages = (fixtureId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(fixtureId ? `/fixtures/${fixtureId}/ltcs` : null, {\r\n        dedupingInterval: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let demurrages: IDemurrage[] | undefined = data;\r\n\r\n    return { demurrages, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isLink: boolean, overridden?: boolean }>`\r\n    .value {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .description {\r\n        margin-top: 1px;\r\n        color: #bbb;\r\n        font-weight: 500;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    ${_ => _.isLink\r\n        ? css`\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n            :hover {\r\n                >div:first-child {\r\n                    text-decoration: underline;\r\n                }\r\n            }\r\n        `\r\n        : undefined\r\n    }  \r\n    \r\n    ${_ => _.overridden\r\n        ? css`\r\n            .value {\r\n                text-decoration: line-through;\r\n                text-decoration-color: #aaa;\r\n            }\r\n\r\n            .value, .description {\r\n                color: #ccc;\r\n            }\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const Detail: React.FC<{ value?: any, title?: string, description: string, overridden?: boolean, onClick?: () => void }> = ({ value, title, description, overridden, onClick }) => {\r\n\r\n    const getTitle = () => {\r\n        let t = title;\r\n\r\n        if (overridden) {\r\n            t = t ? `${t} - Value overridden by calculation` : \"Value overridden by calculation\";\r\n        }\r\n\r\n        return t;\r\n    }\r\n\r\n    return (\r\n        <Container\r\n            title={getTitle()}\r\n            isLink={onClick ? true : false}\r\n            overridden={overridden}\r\n            onClick={() => {\r\n                if (onClick) {\r\n                    onClick();\r\n                }\r\n            }}\r\n        >\r\n            <div className=\"value\">\r\n                {value ? value : \"-\"}\r\n            </div>\r\n            <div className=\"description\">\r\n                {description}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { CSSProperties } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { Detail } from \"./Detail\";\r\nimport { FixtureStatus } from \"../../../../_enums/FixtureStatus\";\r\nimport { Currency } from \"../../../../blocks/currency/Currency\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowUpWideShort } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\n\r\nconst Container = styled.div`\r\n    position: relative;\r\n    margin-top: 8px;\r\n\r\n    .header {\r\n        position: absolute;\r\n        z-index: 1;\r\n        top: -16px;\r\n        left: 28px;\r\n        display: grid;\r\n        grid-template-columns: auto auto;\r\n        gap: 10px;\r\n\r\n        .status {\r\n            border: 1px solid #aaa;\r\n            height: max-content;\r\n            padding: 2px 10px 3px;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: .25px;\r\n            border-radius: 4px;\r\n            margin-top: 4px;\r\n        }\r\n\r\n        .title {\r\n            font-size: 22px;\r\n            font-weight: 900;\r\n        }\r\n    }\r\n\r\n    .card-body {\r\n        background-color: #fafafa;\r\n        padding: 20px 5px 15px;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n\r\n        >div {\r\n            margin: 10px 25px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureHeader: React.FC = () => {\r\n    const { demurrage: d, fixture: f } = useFixtureProvider();\r\n    const { isDatesEqual, resolveTimeZone, toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { app } = useAppContext();\r\n    const followUpStatus: FixtureStatus[] = [FixtureStatus[\"In progress\"], FixtureStatus.Sent];\r\n    const okStatus: FixtureStatus[] = [FixtureStatus[\"No demurrage\"], FixtureStatus.Settled];\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const history = useNavigate();\r\n    const tz = resolveTimeZone();\r\n\r\n    const getStatusCss = () => {\r\n        let s: CSSProperties = {\r\n            backgroundColor: \"#999\",\r\n            color: \"white\"\r\n        };\r\n\r\n        if (f?.status) {\r\n            if (okStatus.indexOf(f.status) >= 0) {\r\n                s.backgroundColor = \"#32ad32\";\r\n                s.color = \"white\";\r\n            }\r\n            else if (followUpStatus.indexOf(f.status) >= 0) {\r\n                s.backgroundColor = \"#ffffae\";\r\n                s.color = \"#333\";\r\n            }\r\n        }\r\n\r\n        return s;\r\n    }\r\n\r\n    if (!f) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n\r\n            <div className=\"header\">\r\n                <div className=\"status\" title=\"Fixture status\" style={getStatusCss()}>\r\n                    <FontAwesomeIcon icon={faArrowUpWideShort} /> {f.status ? FixtureStatus[f.status] : \"None\"}\r\n                </div>\r\n                <div className=\"title\">\r\n                    Fixture {f.fixtureNumber}\r\n                </div>\r\n            </div>\r\n\r\n            <Card hideHeader>\r\n                <div className=\"card-body\">\r\n                    <Detail\r\n                        value={companyUsesVoyageReference ? f.voyage?.reference : f.voyage?.voyageNumber.toString()}\r\n                        description=\"Voyage\"\r\n                        title={`Go to voyage ${companyUsesVoyageReference ? f.voyage?.reference : f.voyage?.voyageNumber}`}\r\n                        onClick={() => {\r\n                            history(`/voyages/${f.voyage?.id}/edit`);\r\n                        }}\r\n                    />\r\n                    <Detail\r\n                        value={toCapitalLetters(f.vessel?.name)}\r\n                        description=\"Vessel\"\r\n                    />\r\n                    <Detail\r\n                        value={toCapitalLetters(f.charterer?.name)}\r\n                        description=\"Charterer\"\r\n                    />\r\n                    <Detail\r\n                        value={f.broker?.name}\r\n                        description=\"Broker\"\r\n                    />\r\n                    <Detail\r\n                        value={f.coaDate ? toDateString(f.coaDate, tz, true) : undefined}\r\n                        title={`Timezone: ${tz}`}\r\n                        description=\"Coa date\"\r\n                    />\r\n                    <Detail\r\n                        value={f.cpDate ? toDateString(f.cpDate, resolveTimeZone(), true) : undefined}\r\n                        title={`Timezone: ${tz}`}\r\n                        description=\"Cp date\"\r\n                    />\r\n                    <Detail\r\n                        overridden={f.demurrageRate !== d?.demurrageRate || f.currency !== d?.currency}\r\n                        value={f.demurrageRate && f.currency ? <Currency currency={f.currency} amount={f.demurrageRate} /> : undefined}\r\n                        description=\"Rate\"\r\n                    />\r\n                    <Detail\r\n                        overridden={!isDatesEqual(f?.layCanFrom, d?.layCanFrom) || !isDatesEqual(f?.layCanTo, d?.layCanTo)}\r\n                        value={f.layCanFrom && f.layCanTo ? `${toDateString(f.layCanFrom, tz, true)} - ${toDateString(f.layCanTo, tz, true)}` : undefined}\r\n                        title={`Timezone: ${tz}`}\r\n                        description=\"Laycan\"\r\n                    />\r\n                </div>\r\n            </Card>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { AppDialog } from \"../../../../blocks/appDialog/AppDialog\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowCircleDown, faFileExcel, faFilePdf } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useFileFunctions } from \"../../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .list {\r\n        margin-top: 15px;\r\n\r\n        >div {\r\n            margin-bottom: 15px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FixtureCreateCalculationDialog: React.FC<{ isOpen: boolean, commit: () => void, dismiss: () => void }> = ({ isOpen, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { demurrage, fixture, rootFolder } = useFixtureProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const [creatingFile, setCreatingFile] = useState<{ creating: boolean, download?: boolean }>({ creating: false });\r\n    const [portCallIds, setPortCallIds] = useState<string[]>([]);\r\n    const docCenterOk = rootFolder && rootFolder.siteId && rootFolder.driveId && rootFolder.id;\r\n\r\n    const downloadFile = async (fileType: \"xlsx\" | \"pdf\") => {\r\n        try {\r\n            let download = !docCenterOk || creatingFile.download ? true : false;\r\n\r\n            // Call API\r\n            let r = await app.api.generateDemurrageFile(download, fixture!.id, demurrage!.id, portCallIds, resolveTimeZone(), fileType, rootFolder?.siteId, rootFolder?.driveId, rootFolder?.id);\r\n\r\n            if (download) {\r\n                let base64string = await r.json();\r\n                let tResult = triggerDownload(base64string, `Laytime calculation v${demurrage?.version} for fixture ${fixture?.fixtureNumber}.${fileType}`);\r\n                if (!tResult.ok) {\r\n                    app.setAppMessage({ isError: true, text: tResult.error! });\r\n                }\r\n\r\n                app.setAppMessage({ icon: <FontAwesomeIcon icon={faFileExcel} />, text: \"Laytime calculation downloaded\" });\r\n                dismiss();\r\n            }\r\n            else {\r\n                commit();\r\n            }\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setCreatingFile({ creating: false });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (creatingFile.creating) {\r\n            downloadFile(\"pdf\");\r\n        }\r\n    }, [creatingFile])\r\n\r\n    return (\r\n        <AppDialog\r\n            title={docCenterOk ? \"Create PDF\" : \"Download PDF\"}\r\n            okText={docCenterOk ? \"Create\" : \"Download\"}\r\n            open={isOpen}\r\n            cancel={dismiss}\r\n            working={creatingFile.creating}\r\n            commit={() => setCreatingFile({ creating: true })}\r\n            actions={docCenterOk ? [{\r\n                title: \"Direct download. PDF not added to fixture folder.\",\r\n                icon: <FontAwesomeIcon icon={faArrowCircleDown} />,\r\n                id: \"Download\",\r\n                onClick: () => setCreatingFile({ creating: true, download: true })\r\n            }] : undefined}\r\n        >\r\n            <Container>\r\n                <div className=\"description\">\r\n                    Add page breaks before the following port calls.\r\n                </div>\r\n                <div className=\"list\">\r\n                    {demurrage?.portCalls.map(pc => {\r\n                        return (\r\n                            <Checkbox\r\n                                key={`portCall_${pc.id}`}\r\n                                disabled={creatingFile.creating}\r\n                                checked={portCallIds.indexOf(pc.id) >= 0}\r\n                                label={toCapitalLetters(pc.port?.name)}\r\n                                onChange={(ev, checked) => {\r\n                                    let _ids = portCallIds.slice().filter(_ => _ !== pc.id);\r\n                                    if (checked) {\r\n                                        _ids.push(pc.id);\r\n                                    }\r\n                                    setPortCallIds(_ids);\r\n                                }}\r\n                            />\r\n                        );\r\n                    })}\r\n\r\n                </div>\r\n            </Container>\r\n        </AppDialog>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { faAnchor, faCopy, faEnvelope, faExclamationCircle, faEye, faEyeSlash, faFilePdf, faList, faPlus, faSave, faTrashAlt, faWarning } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { AppDialog } from \"../../../../blocks/appDialog/AppDialog\";\r\nimport { useFixtureProvider } from \"../../../../contextHooks/FixtureContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useCreateDemurrage } from \"../../../../hooks/useCreateDemurrage\";\r\nimport { IDemurrage } from \"../../../../interfaces/demurrage/IDemurrage\";\r\nimport { IPageActionsSection } from \"../../../../interfaces/IPageActionsSection\";\r\nimport { FixtureDeleteDialog } from \"../deleteDialog/FixtureDeleteDialog\";\r\nimport { Demurrage } from \"../demurrage/Demurrage\";\r\nimport { DemurrageDeleteDialog } from \"../demurrage/DemurrageDeleteDialog/DemurrageDeleteDialog\";\r\nimport { DemurrageEditPanel } from \"../demurrage/DemurrageEditPanel\";\r\nimport { DemurrageVersionsPanel } from \"../demurrage/DemurrageVersionsPanel\";\r\nimport { FixtureEditPanel } from \"../editPanel/FixtureEditPanel\";\r\nimport { FixtureHeader } from \"../header/FixtureHeader\";\r\nimport { DemurragePortCallPanel } from \"../demurrage/DemurragePortCallPanel\";\r\nimport { IDemurragePortCall } from \"../../../../interfaces/demurrage/IDemurragePortcall\";\r\nimport { useFixtureFunctions } from \"../../../../globalHooks/useFixtureFunctions\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\nimport { useSettings } from \"../../../../hooks/useSettings\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { FixtureCreateCalculationDialog } from \"./FixtureCreateCalculationDialog\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .sticky-header {\r\n        z-index: 10;\r\n        position: sticky;\r\n        top: 0;\r\n\r\n        .warnings {\r\n            color: #444;\r\n            font-size: 14px;\r\n\r\n            >div {\r\n                padding: 12px 34px 14px;\r\n                border-bottom: 1px solid; \r\n                display: grid;\r\n                grid-template-columns: 20px 1fr;\r\n            }\r\n\r\n            .is-dirty {\r\n                background-color: #ffffe1;\r\n                border-bottom-color: #c7c700;   \r\n            }\r\n\r\n            .save-error {\r\n                background-color: #ffe0e0;\r\n                border-bottom-color: #ff7676;\r\n            }\r\n        }        \r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const Fixture: React.FC<{ createDemurrageDraft: () => Promise<void> }> = ({ createDemurrageDraft }) => {\r\n    // Provider\r\n    const { demurrage, demurrageIsDirty, setDemurrage, setDemurrageIsDirty, fixture, portCalls, setFixture, rootFolder, showExcludedEvents, toggleExcludedEvents } = useFixtureProvider();\r\n\r\n    // State\r\n    const [panelOpen, { toggle: togglePanelOpen }] = useBoolean(false);\r\n    const [deleteOpen, { toggle: toggleDeleteOpen }] = useBoolean(false);\r\n    const [deleteDemurrageOpen, { toggle: toggleDeleteDemurrageOpen }] = useBoolean(false);\r\n    const [newVersionOpen, { toggle: toggleNewVersionOpen }] = useBoolean(false);\r\n    const [copyOpen, { toggle: toggleCopyOpen }] = useBoolean(false);\r\n    const [versionsOpen, { toggle: toggleVersionsOpen }] = useBoolean(false);\r\n    const [editDemurrage, setEditDemurrage] = useState<IDemurrage | undefined>();\r\n    const [editDemurragePortCall, setEditDemurragePortCall] = useState<IDemurragePortCall | undefined>();\r\n    const [savingDemurrage, setSavingDemurrage] = useState(false);\r\n    const [createCalculationOpen, setCreateCalculationOpen] = useState(false);\r\n\r\n    // Functions\r\n    const { app } = useAppContext();\r\n    const { createDemurragePortCall, processDemurragePortCalls } = useCreateDemurrage();\r\n    const { renderSubHeader } = useFixtureFunctions();\r\n    const { getError } = useRest();\r\n    const { isOffice365ConnectionOk } = useSettings();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [saveError, setSaveError] = useState<JSX.Element | undefined>();\r\n    const history = useNavigate();\r\n\r\n    const isValid = (d: IDemurrage) => {\r\n        let isValid = true;\r\n        let msg;\r\n\r\n        d.portCalls.forEach(pc => {\r\n            let durationsWithMissingEvents = pc.durationsWithEvents.filter(_ => !_.fromEventId || !_.toEventId);\r\n            if (durationsWithMissingEvents.length > 0) {\r\n                msg = <span>A duration for portcall <span style={{ fontWeight: 500 }}>{toCapitalLetters(pc.port?.name)}</span> has missing from or to events</span>;\r\n                isValid = false;\r\n            }\r\n        });\r\n\r\n        if (!isValid) {\r\n            setSaveError(msg);\r\n        }\r\n\r\n        return isValid;\r\n    }\r\n\r\n    const saveDemurrage = (_demurrage: IDemurrage, createNewVersion: boolean) => {\r\n\r\n        if (!isValid(_demurrage)) {\r\n            setSavingDemurrage(false);\r\n            return;\r\n        }\r\n\r\n        setSaveError(undefined);\r\n\r\n        // Save\r\n        app.api.saveDemurrage(fixture!.id, _demurrage, createNewVersion)\r\n            .then(_ => {\r\n                setDemurrage({ ..._ });\r\n                setDemurrageIsDirty(false);\r\n                app.setAppMessage({\r\n                    text: `Demurrage v. ${_.version}.0 ${createNewVersion ? \"created\" : \"saved\"}`,\r\n                    icon: <FontAwesomeIcon icon={faSave} />\r\n                });\r\n                setSavingDemurrage(false);\r\n                setEditDemurrage(undefined);\r\n            })\r\n            .catch(async err => {\r\n                setSavingDemurrage(false);\r\n                app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: await getError(err) });\r\n            });\r\n    }\r\n\r\n    const sections: IPageActionsSection[] = [\r\n        {\r\n            title: \"Fixture\",\r\n            lineColor: \"#bbb\",\r\n            actions: [\r\n                {\r\n                    icon: <Icon iconName=\"EditSolid12\" />,\r\n                    title: \"Edit fixture\",\r\n                    onClick: togglePanelOpen\r\n                },\r\n                {\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    title: \"Delete fixture\",\r\n                    onClick: toggleDeleteOpen\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            title: \"Laytime calculation\",\r\n            lineColor: \"#4177bf\",\r\n            actions: [\r\n                {\r\n                    title: demurrage && demurrage.version > 0 ? `Save laytime calculation version ${demurrage.version}.0` : \"Save laytime calculation\",\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    onClick: () => setSavingDemurrage(true),\r\n                    disabled: !demurrage,\r\n                    working: savingDemurrage\r\n                },\r\n                {\r\n                    icon: <Icon iconName=\"EditSolid12\" />,\r\n                    title: \"Edit laytime calculation\",\r\n                    onClick: () => setEditDemurrage(demurrage),\r\n                    disabled: !demurrage\r\n                },\r\n                {\r\n                    title: \"Laytime calculation add menu\",\r\n                    icon: <FontAwesomeIcon icon={faPlus} />,\r\n                    items: [\r\n                        {\r\n                            title: \"Add port call\",\r\n                            icon: <FontAwesomeIcon icon={faAnchor} />,\r\n                            disabled: !demurrage,\r\n                            onClick: () => {\r\n                                setEditDemurragePortCall(createDemurragePortCall);\r\n                            }\r\n                        },\r\n                        {\r\n                            title: \"Create new laytime calculation based on current version\",\r\n                            icon: <FontAwesomeIcon icon={faCopy} />,\r\n                            onClick: toggleCopyOpen,\r\n                            disabled: !demurrage || demurrage.version < 0\r\n                        },\r\n                        {\r\n                            title: \"Create new laytime calculation based on SOF data\",\r\n                            icon: <FontAwesomeIcon icon={faPlus} />,\r\n                            onClick: toggleNewVersionOpen,\r\n                            disabled: !demurrage || demurrage.version < 0,\r\n                        }\r\n                    ]\r\n                },\r\n                {\r\n                    title: `Create PDF`,\r\n                    hoverTitle: demurrage && demurrage.version < 0 ? \"Draft must be saved before PDF can be generated\" : undefined,\r\n                    icon: <FontAwesomeIcon icon={faFilePdf} />,\r\n                    disabled: savingDemurrage || !demurrage || demurrage.version < 0,\r\n                    onClick: () => setCreateCalculationOpen(true)\r\n                },\r\n                // {\r\n                //     title: `Create Excel`,\r\n                //     hoverTitle: demurrage && demurrage.version < 0 ? \"Draft must be saved before Excel can be generated\" : undefined,\r\n                //     icon: <FontAwesomeIcon icon={faFileExcel} />,\r\n                //     disabled: savingDemurrage || !demurrage || demurrage.version < 0,\r\n                //     onClick: () => setCreateCalculationOpen(true)\r\n                // },\r\n                {\r\n                    title: \"Compose claim email\",\r\n                    icon: <FontAwesomeIcon icon={faEnvelope} />,\r\n                    onClick: () => {\r\n                        history(`/fixtures/${fixture?.id}/mail?action=triggerFixtureCompose`);\r\n                    }\r\n                },\r\n                {\r\n                    title: \"Version list\",\r\n                    icon: <FontAwesomeIcon icon={faList} />,\r\n                    onClick: toggleVersionsOpen\r\n                },\r\n                {\r\n                    title: \"Toggle excluded events\",\r\n                    icon: <FontAwesomeIcon icon={showExcludedEvents ? faEye : faEyeSlash} />,\r\n                    onClick: toggleExcludedEvents\r\n                },\r\n                {\r\n                    title: demurrage && demurrage.version > 0 ? `Delete laytime calculation version ${demurrage.version}.0` : \"Delete laytime calculation\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: toggleDeleteDemurrageOpen,\r\n                    disabled: savingDemurrage || !demurrage || demurrage.version < 0\r\n                }\r\n            ]\r\n        }\r\n\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (demurrage && savingDemurrage) {\r\n            saveDemurrage(demurrage, demurrage.version < 0);\r\n        }\r\n    }, [savingDemurrage])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"sticky-header\">\r\n                {renderSubHeader(fixture!, isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings), sections)}\r\n                {(saveError || demurrageIsDirty) &&\r\n                    <div className=\"warnings\">\r\n                        {saveError &&\r\n                            <div className=\"save-error\">\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faWarning} />\r\n                                </div>\r\n                                <div>\r\n                                    {saveError}\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        {demurrageIsDirty &&\r\n                            <div className=\"is-dirty\">\r\n                                <div>\r\n                                    <FontAwesomeIcon icon={faSave} />\r\n                                </div>\r\n                                <div>\r\n                                    Changes to the laytime calculation has not yet been saved\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    </div>\r\n                }\r\n            </div>\r\n\r\n            <Body>\r\n                <FixtureHeader />\r\n                <Demurrage />\r\n            </Body>\r\n\r\n            {/* Fixture panels and dialogs */}\r\n            <FixtureEditPanel\r\n                f={fixture}\r\n                isOpen={panelOpen}\r\n                commit={_ => {\r\n                    setFixture({ ..._ });\r\n                    togglePanelOpen();\r\n                    app.setAppMessage({\r\n                        text: \"Fixture details saved\",\r\n                        icon: <FontAwesomeIcon icon={faSave} />\r\n                    });\r\n                }}\r\n                dismiss={_ => {\r\n                    togglePanelOpen();\r\n                }}\r\n            />\r\n\r\n            <FixtureDeleteDialog\r\n                fixture={fixture}\r\n                isOpen={deleteOpen}\r\n                onClose={toggleDeleteOpen}\r\n            />\r\n\r\n            {/* Demurrage panels and dialogs */}\r\n            <DemurrageEditPanel\r\n                d={editDemurrage}\r\n                dismiss={() => setEditDemurrage(undefined)}\r\n                commit={(_updatedDemurrage, _applyTerms) => {\r\n\r\n                    let _oldPortCalls = demurrage!.portCalls.slice();\r\n                    let _updatedPortCalls: IDemurragePortCall[] = [];\r\n\r\n                    if (_applyTerms) {\r\n                        let updatedPortCalls = processDemurragePortCalls(_updatedDemurrage, [...portCalls!], _updatedDemurrage.timeAllowedInMinutes ? _updatedDemurrage.timeAllowedInMinutes : 0, _updatedDemurrage.termSet);\r\n                        let manuallyAddedPortCalls = demurrage!.portCalls.filter(_ => _.portCallId < 0);\r\n                        let allPortCalls = [...updatedPortCalls, ...manuallyAddedPortCalls];\r\n\r\n                        // Only include port calls that exists in original demurrage. (exclude deleted)\r\n                        _oldPortCalls.forEach(oldPortCall => {\r\n                            let pc = allPortCalls.find(_ => _.id === oldPortCall.id);\r\n                            if (pc) {\r\n                                _updatedPortCalls.push(pc);\r\n                            }\r\n                        });\r\n                    }\r\n                    else {\r\n                        _updatedPortCalls = _oldPortCalls;\r\n                    }\r\n\r\n                    setDemurrage({\r\n                        ..._updatedDemurrage,\r\n                        portCalls: _updatedPortCalls\r\n                    });\r\n\r\n                    setEditDemurrage(undefined);\r\n                }}\r\n            />\r\n\r\n            <DemurragePortCallPanel\r\n                isNew={true}\r\n                pc={editDemurragePortCall}\r\n                dismiss={() => setEditDemurragePortCall(undefined)}\r\n                commit={_ => {\r\n                    setDemurrage({\r\n                        ...demurrage!,\r\n                        portCalls: [_, ...demurrage!.portCalls]\r\n                    });\r\n                    setEditDemurragePortCall(undefined);\r\n                }}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"New laytime calculation?\"\r\n                subText=\"Are you sure you want to make a new version based on this laytime calculation?\"\r\n                open={copyOpen}\r\n                cancel={toggleCopyOpen}\r\n                commit={() => {\r\n                    // setDemurrage({ ...demurrage!, version: -1 });\r\n                    setDemurrage({ ...demurrage!, version: -1 }, false);\r\n                    toggleCopyOpen();\r\n                }}\r\n            />\r\n\r\n            <AppDialog\r\n                title=\"New laytime calculation?\"\r\n                subText=\"Are you sure you want to make a new version based on original Sof data?\"\r\n                open={newVersionOpen}\r\n                cancel={toggleNewVersionOpen}\r\n                commit={async () => {\r\n                    await createDemurrageDraft();\r\n                    toggleNewVersionOpen();\r\n                }}\r\n            />\r\n\r\n            <DemurrageDeleteDialog\r\n                fixture={fixture}\r\n                demurrage={demurrage}\r\n                isOpen={deleteDemurrageOpen}\r\n                dismiss={toggleDeleteDemurrageOpen}\r\n                commit={async createDraft => {\r\n                    toggleDeleteDemurrageOpen();\r\n\r\n                    if (createDraft) {\r\n                        await createDemurrageDraft()\r\n                        app.setAppMessage({\r\n                            text: \"Laytime calculation deleted. New draft created.\",\r\n                            icon: <FontAwesomeIcon icon={faTrashAlt} />\r\n                        });\r\n                    }\r\n                }}\r\n            />\r\n\r\n            {fixture &&\r\n                <FixtureCreateCalculationDialog\r\n                    isOpen={createCalculationOpen}\r\n                    dismiss={() => setCreateCalculationOpen(false)}\r\n                    commit={() => {\r\n                        app.setAppMessage({\r\n                            icon: <FontAwesomeIcon icon={faFilePdf} />,\r\n                            text: \"Calculation file created\"\r\n                        });\r\n                        setTimeout(() => {\r\n                            history(`/fixtures/${fixture!.id}/docs`);\r\n                        }, 250);\r\n                    }}\r\n                />\r\n            }\r\n\r\n            {fixture &&\r\n                <DemurrageVersionsPanel\r\n                    isOpen={versionsOpen}\r\n                    dismiss={toggleVersionsOpen}\r\n                    commit={demurrageId => {\r\n                        toggleVersionsOpen();\r\n                        app.api.getDemurrage(fixture.id, demurrageId)\r\n                            .then(_ => {\r\n                                setDemurrage(_, false);\r\n                                app.setAppMessage({\r\n                                    text: `Switched to laytime calculation version ${_.version}.0`\r\n                                })\r\n                            })\r\n                    }}\r\n                />\r\n            }\r\n\r\n        </Container>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Route, Routes, useLocation, useNavigate, useParams } from \"react-router-dom\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExclamationCircle, faMagic, faMagicWandSparkles } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useFixture } from \"../../api/hooks/useFixture\";\r\nimport { useFixtureProvider } from \"../../contextHooks/FixtureContext\";\r\nimport { useFixtureSof } from \"../../api/hooks/useFixtureSof\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { FixtureDocs } from \"./modules/fixtureDocs/FixtureDocs\";\r\nimport { DateTime } from \"luxon\";\r\nimport { FixtureEmails } from \"./modules/fixtureEmails/FixtureEmails\";\r\nimport { IMenuItem } from \"../../interfaces/IMenuItem\";\r\nimport { Fixture } from \"./modules/fixture/Fixture\";\r\nimport { useSettings } from \"../../hooks/useSettings\";\r\nimport { useFixtureCargo } from \"../../api/hooks/useFixtureCargo\";\r\nimport { useCreateDemurrage } from \"../../hooks/useCreateDemurrage\";\r\nimport { ITermSet } from \"../../interfaces/demurrage/ITermSet\";\r\nimport { LoadingSpinner } from \"../loading/LoadingSpinner\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    height: 100%;\r\n`;\r\n//#endregion \r\n\r\nexport const FixtureContainer: React.FC = () => {\r\n    const history = useNavigate();\r\n    const location = useLocation();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { app } = useAppContext();\r\n    const { isOffice365ConnectionOk } = useSettings();\r\n    const { cargos, demurrage, setDemurrage, fixture, setFixture, setCargos, portCalls, setPortCalls, setRootFolder } = useFixtureProvider();\r\n    const { createDemurrage, getTermFromFirstCargoPort, summarizeLaytimeFromCargoPorts } = useCreateDemurrage();\r\n\r\n    // Api data\r\n    const { data: apiFixture, fetching: fetchingFixture, error: errorFixture } = useFixture(id);\r\n    const { data: apiFixtureCargo, fetching: fetchingCargo } = useFixtureCargo(id);\r\n    const { data: apiPortCallsAndSofs, fetching: fetchingPortCalls } = useFixtureSof(id);\r\n\r\n    // Search for term set based on laytime term\r\n    const searchForTermSet = async (termSetName: string): Promise<ITermSet | undefined> => {\r\n        try {\r\n            let termSets = await app.api.search(\"termSets/search\", termSetName, [{ key: \"take\", value: \"1\" }]);\r\n            return termSets.length > 0 ? termSets[0] : undefined;\r\n        } catch (err) {\r\n            console.log(err);\r\n        }\r\n    }\r\n\r\n    // Create new demurrage\r\n    const createDemurrageDraft = async () => {\r\n        let termSet: ITermSet | undefined;\r\n\r\n        if (fixture?.charterer?.termSet) {\r\n            // Use defualt termset for charterer\r\n            termSet = fixture.charterer.termSet;\r\n        }\r\n        else {\r\n            // Search for term set\r\n            let term = getTermFromFirstCargoPort(cargos);\r\n            if (term) {\r\n                termSet = await searchForTermSet(term);\r\n            }\r\n        }\r\n\r\n        setDemurrage(createDemurrage(fixture!, portCalls!, summarizeLaytimeFromCargoPorts(cargos), termSet, demurrage, true), false);\r\n    }\r\n\r\n    // Get demurrage\r\n    const getDemurrage = async () => {\r\n        let _demurrage = await app.api.getDemurrage(fixture!.id, 0);\r\n\r\n        if (_demurrage) {\r\n            if (_demurrage.calculations.length > 0) {\r\n                // Found calculations\r\n                setDemurrage(_demurrage, false);\r\n            }\r\n            else if (portCalls && portCalls.length > 0) {\r\n                // No calcuations, add data from SOF\r\n                setDemurrage(createDemurrage(fixture!, portCalls, 0, undefined, _demurrage));\r\n                app.setAppMessage({\r\n                    text: \"Found new SOF data and updated the intital laytime calculation\",\r\n                    icon: <FontAwesomeIcon icon={faMagicWandSparkles} />\r\n                });\r\n            }\r\n        }\r\n        else {\r\n            await createDemurrageDraft();\r\n        }\r\n    }\r\n\r\n    // Get settings for documents\r\n    const getDocSettings = async () => {\r\n        const driveTitle = `Fixtures ${DateTime.fromJSDate(new Date(fixture!.created!)).toFormat(\"yyyy\")}`;\r\n\r\n        try {\r\n            let rf = await app.api.getFixtureDocsRootFolder(fixture!.id, driveTitle, fixture!.fixtureNumber!, true);\r\n\r\n            setRootFolder({\r\n                id: rf.rootFolder.id,\r\n                driveId: rf.driveId,\r\n                siteId: rf.siteId,\r\n                name: rf.rootFolder.name,\r\n                documents: [],\r\n                folders: [],\r\n                webUrl: rf.rootFolder.webUrl\r\n            });\r\n        } catch (error) {\r\n            app.setAppMessage({\r\n                text: \"Unable to get fixture folder from document repository\",\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n            });\r\n        }\r\n    }\r\n\r\n    const getSubNavigation = (): IMenuItem => {\r\n        let split = location.pathname.split(\"/\");\r\n        let last = split[split.length - 1];\r\n        let url = `/fixtures/${fixture!.id}`;\r\n\r\n        switch (last.toLowerCase()) {\r\n            case \"mail\":\r\n                return { id: \"mail\", title: \"correspondence\", url: url + \"/mail\" };\r\n            case \"docs\":\r\n                return { id: \"docs\", title: \"documents\", url: url + \"/docs\" };\r\n            default:\r\n                return { id: \"demurrage\", title: \"details\", url };\r\n        }\r\n    }\r\n\r\n    // Set fixture\r\n    useEffect(() => {\r\n        if (apiFixture) {\r\n            setFixture(apiFixture);\r\n        }\r\n    }, [apiFixture])\r\n\r\n    // Set fixture cargo\r\n    useEffect(() => {\r\n        if (apiFixtureCargo) {\r\n            setCargos(apiFixtureCargo);\r\n        }\r\n    }, [apiFixtureCargo])\r\n\r\n    // Set portcalls and related sofs\r\n    useEffect(() => {\r\n        if (apiPortCallsAndSofs) {\r\n            setPortCalls(apiPortCallsAndSofs);\r\n        }\r\n    }, [apiPortCallsAndSofs])\r\n\r\n    // Get demurrage\r\n    useEffect(() => {\r\n        if (fixture && portCalls && cargos) {\r\n            getDemurrage();\r\n        }\r\n    }, [fixture, portCalls, cargos])\r\n\r\n    // Get document settings\r\n    useEffect(() => {\r\n        if (fixture && isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings)) {\r\n            getDocSettings();\r\n        }\r\n    }, [fixture])\r\n\r\n    if (errorFixture) {\r\n        return (\r\n            <LoadingSpinner text={errorFixture.toString()} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <ContentPage working={fetchingFixture || fetchingCargo || fetchingPortCalls}>\r\n            {fixture &&\r\n                <div>\r\n                    <ContentPageHeader\r\n                        actions={[\r\n                            {\r\n                                title: \"Back to fixtures\",\r\n                                icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                                onClick: () => history(\"/fixtures\")\r\n                            }\r\n                        ]}\r\n                    >\r\n                        <ContentPageNavigation\r\n                            items={[\r\n                                {\r\n                                    id: \"fixtures\",\r\n                                    title: \"fixtures\",\r\n                                    url: \"/fixtures\"\r\n                                },\r\n                                {\r\n                                    id: fixture.fixtureNumber!,\r\n                                    title: fixture.fixtureNumber!,\r\n                                    url: `/fixtures/${fixture.id}`\r\n                                },\r\n                                getSubNavigation()\r\n                            ]}\r\n                        />\r\n                    </ContentPageHeader>\r\n\r\n                    <ContentPageBody>\r\n                        <Body>\r\n                            <Routes>\r\n                                <Route path=\"\" element={<Fixture createDemurrageDraft={createDemurrageDraft} />} />\r\n                                {isOffice365ConnectionOk(app.currentCustomerRole.customer.office365Settings) &&\r\n                                    <>\r\n                                        <Route path=\"/docs\" element={<FixtureDocs />} />\r\n                                        <Route path=\"/mail\" element={<FixtureEmails />} />\r\n                                    </>\r\n                                }\r\n                            </Routes>\r\n                        </Body>\r\n                    </ContentPageBody>\r\n                </div>\r\n            }\r\n        </ContentPage >\r\n    );\r\n};","import useSWR from \"swr\";\r\n\r\nexport const useFixture = (id: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(`/fixtures/${id}`, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    return { data, error, fetching, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { ICargo } from \"../../interfaces/ICargo\";\r\n\r\nexport const useFixtureCargo = (fixtureId: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(`/fixtures/${fixtureId}/cargo`, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let cargo: ICargo[] | undefined = data;\r\n\r\n    return { data: cargo, error, fetching, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPortCallAndFlowAndSofs } from \"../../interfaces/IPortCallAndSof\";\r\n\r\nexport const useFixtureSof = (fixtureId: number) => {\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(`/fixtures/${fixtureId}/sof`, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let portCallAndSof: IPortCallAndFlowAndSofs[] | undefined = data;\r\n\r\n    return { data: portCallAndSof, error, fetching, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Commodities filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { ICommodity } from \"../../interfaces/ICommodity\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AppSearchBox } from \"../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const CommoditiesEditPanel: React.FC<{ isOpen: boolean, c?: ICommodity, commit: (_: ICommodity) => void, dismiss: (_?: ICommodity) => void }> = ({ isOpen, c, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [commodity, setCommodity] = useState<ICommodity | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = c && c.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.saveCommodity(commodity!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${commodity!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deleteCommodity = () => {\r\n        app.api.deleteCommodity(commodity!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${commodity!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(commodity)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!commodity || !commodity.name || commodity.name.trim().length < 2 || !commodity.defaultMeasurement) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setCommodity(c);\r\n    }, [c])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!commodity) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New commodity\" : \"Edit\"}</span> {commodity.name}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!commodity.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setCommodity({\r\n                            ...commodity,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    required\r\n                    value={commodity.name ? commodity.name : \"\"}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setCommodity({\r\n                            ...commodity,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <InputWithDescription description=\"Default measurement\">\r\n                    <AppSearchBox\r\n                        required\r\n                        placeHolder=\"Search\"\r\n                        endPoint=\"measurements/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={1}\r\n                        defaultValue={commodity?.defaultMeasurement}\r\n                        onSelected={_ => {\r\n                            setCommodity({\r\n                                ...commodity,\r\n                                defaultMeasurement: _\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppDialog\r\n                    title=\"Delete commodity?\"\r\n                    subText={`Are you sure you want to delete ${commodity.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={deleteCommodity}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { CommoditiesEditPanel } from \"./CommoditiesEditPanel\";\r\nimport { ICommodity } from \"../../interfaces/ICommodity\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Commodities = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [commodities, setCommodities] = useState<ICommodity[]>([]);\r\n    const [editCommodity, setEditCommodity] = useState<ICommodity | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            width: \"250px\"\r\n        },\r\n        {\r\n            key: \"defaultMeasurement.name\",\r\n            title: \"Default measurement\",\r\n            render: (_:ICommodity) => {\r\n                return <span><b>{_.defaultMeasurement?.name}</b>{_.defaultMeasurement?.description ? ` - ${_.defaultMeasurement.description}` : \"\"}</span>\r\n            }\r\n        },\r\n        {\r\n            key: \"quantityUnit\",\r\n            title: \"Quantity unit\"\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            width: \"80px\",\r\n            render: (_: ICommodity) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={!_.inActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (c: ICommodity) => {\r\n        history(`/commodities/${c.id}`);\r\n    }\r\n\r\n    const rowStyle = (_: ICommodity) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const getCommodities = () => {\r\n        app.api.getCommodities(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setCommodities(_);\r\n                }\r\n                else {\r\n                    setCommodities([...commodities, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all commodities mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getCommodities();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = commodities.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditCommodity(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [commodities, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New commodity\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditCommodity({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/commodities/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"commodities\",\r\n                            title: \"commodities\",\r\n                            url: \"/commodities\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={commodities}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <CommoditiesEditPanel\r\n                c={editCommodity}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = commodities.findIndex(_ => _.id === p.id);\r\n                    let _commodities = commodities.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _commodities[index] = p;\r\n                    }\r\n                    else {\r\n                        _commodities.unshift(p)\r\n                    }\r\n\r\n                    setCommodities(_commodities);\r\n                    setEditCommodity(undefined);\r\n                    history(\"/commodities\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditCommodity(undefined);\r\n                    history(\"/commodities\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setCommodities(commodities.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\nimport { AppSearchBox } from \"../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, getFilterValue, updateFilter } = useDivTable();\r\n\r\n    const getSelectedPort = () => {\r\n        var f = getFilterValue(filters, \"portId\");\r\n        if (f) {\r\n            return {\r\n                name: f.displayValue,\r\n                id: f.value\r\n            }\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Berths filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n\r\n                <AppSearchBox\r\n                    title=\"Port\"\r\n                    additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                    placeHolder=\"Search for port\"\r\n                    description=\"Port\"\r\n                    endPoint=\"ports/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={getSelectedPort()}\r\n                    maxResultsContainerHeight=\"295px\"\r\n                    customResultTitle={(p: IPort) => {\r\n                        return p.name.toLowerCase();\r\n                    }}\r\n                    customResultDescription={(p: IPort) => {\r\n                        return `${p.country} | ${p.unLoCode}`;\r\n                    }}\r\n                    onSelected={(_: IPort) => {\r\n                        if (_) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"portId\",\r\n                                    displayName: \"port\"\r\n                                },\r\n                                value: {\r\n                                    value: _.id,\r\n                                    displayValue: _.name\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"portId\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMapMarkerAlt, faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { AppNumericTextField, AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { PanelType, Toggle } from \"@fluentui/react\";\r\nimport styled from \"styled-components\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { IBerth } from \"../../interfaces/IBerth\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AppSearchBox } from \"../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nconst MapLink = styled.div`\r\n    display: flex;\r\n    margin-top: 20px !important;\r\n    color: #4177bf;\r\n    cursor: pointer;\r\n    padding: 0 2px;\r\n\r\n    >div {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n\r\n    >div:first-child {\r\n        padding-top: 1px;\r\n        margin-right: 10px;\r\n    }\r\n    \r\n    >div:last-child {\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const BerthEditPanel: React.FC<{ isOpen: boolean, b?: IBerth, commit: (_: IBerth) => void, dismiss: (_?: IBerth) => void }> = ({ isOpen, b, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [berth, setBerth] = useState<IBerth | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = b && b.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        let b: IBerth = { ...berth!, confirmed: true };\r\n\r\n        app.api.saveBerth(b, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${berth!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deleteBerth = () => {\r\n        app.api.deleteBerth(berth!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${berth!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(berth)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!berth || !berth.name || berth.name.trim().length < 2 || !berth.port || berth.latitude === undefined || berth.longitude === undefined) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setBerth(b);\r\n    }, [b])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!berth) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New berth\" : \"Edit berth\"}</span> {berth.name}</span>}\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title:\r\n                        !berth.confirmed\r\n                            ? \"Confirm and save\"\r\n                            : isNew\r\n                                ? \"Create\"\r\n                                : \"Save\"\r\n                    ,\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!berth.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setBerth({\r\n                            ...berth,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    autoComplete=\"off\"\r\n                    value={berth.name ? berth.name : \"\"}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setBerth({\r\n                            ...berth,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppSearchBox\r\n                    title=\"Port\"\r\n                    disabled={!isNew}\r\n                    additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                    placeHolder=\"Search for port\"\r\n                    description=\"Port\"\r\n                    endPoint=\"ports/search\"\r\n                    keyProp=\"id\"\r\n                    titleProp=\"name\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={berth.port}\r\n                    maxResultsContainerHeight=\"295px\"\r\n                    customResultTitle={(port: IPort) => {\r\n                        return port.name.toLowerCase();\r\n                    }}\r\n                    customResultDescription={(port: IPort) => {\r\n                        return `${port.country} | ${port.unLoCode}`\r\n                    }}\r\n                    onSelected={_ => {\r\n                        setBerth({\r\n                            ...berth,\r\n                            port: _\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <InputWithDescription description=\"Latitude\">\r\n                    <AppNumericTextField\r\n                        defaultValue={berth.latitude ? berth.latitude.toString() : \"\"}\r\n                        onChange={(ev, newValue) => {\r\n                            setBerth({\r\n                                ...berth,\r\n                                latitude: newValue ? Number(newValue) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Longitude\">\r\n                    <AppNumericTextField\r\n                        defaultValue={berth.longitude ? berth.longitude.toString() : \"\"}\r\n                        onChange={(ev, newValue) => {\r\n                            setBerth({\r\n                                ...berth,\r\n                                longitude: newValue ? Number(newValue) : undefined\r\n                            });\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                {berth.latitude !== undefined && berth.longitude !== undefined &&\r\n                    <MapLink onClick={() => {\r\n                        let link = `http://www.google.com/maps/place/${berth.latitude},${berth.longitude}`;\r\n                        window.open(link, \"_blank\");\r\n                    }}>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faMapMarkerAlt} />\r\n                        </div>\r\n                        <div>\r\n                            See location in Google Maps\r\n                        </div>\r\n                    </MapLink>\r\n                }\r\n\r\n                <AppDialog\r\n                    title=\"Delete berth?\"\r\n                    subText={`Are you sure you want to delete ${berth.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={deleteBerth}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEdit, faLightbulb } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IBerth } from \"../../interfaces/IBerth\";\r\nimport { Callout } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { PortColumn } from \"../../blocks/portColumn/PortColumn\";\r\n\r\n//#region Styled Components\r\nconst Action = styled.div`\r\n    display: flex;\r\n    padding: 0 16px 0 20px;\r\n    font-size: 18px;\r\n    height: 100%;\r\n    align-items: center;\r\n    position: relative;\r\n\r\n    >div {\r\n        position: absolute;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        height: 20px;\r\n        width: 20px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 11px;\r\n        font-weight: 600;\r\n        left: 6px;\r\n        top: -6px;\r\n        opacity: .9;\r\n    }\r\n\r\n    :hover {\r\n        color: #4177bf;\r\n        cursor: pointer;\r\n\r\n        >div {\r\n            opacity: 1;\r\n        }\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    >div {\r\n        padding: 16px 25px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    >table {\r\n        border-spacing: unset;\r\n        margin-bottom: 15px;\r\n\r\n        tr {\r\n            td {\r\n                padding: 10px 14px;\r\n            }\r\n\r\n            td:first-child {\r\n                padding-left: 25px;\r\n            }\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n                background-color: #f1f1f1;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst ReviewBody = styled.div`\r\n    padding: 16px 25px;\r\n    cursor: pointer;\r\n`;\r\n//#endregion\r\n\r\nexport const SuggestedBerths: React.FC<{ berths: undefined | IBerth[], berthClicked: (b: IBerth) => void }> = ({ berths, berthClicked }) => {\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(false);\r\n    const [info, { toggle: toggleInfo }] = useBoolean(true);\r\n    const anchorId = useId('suggested-berths-anchor-id');\r\n\r\n    if (!berths || berths.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <div title=\"New berth suggestions\" id={anchorId}>\r\n            <Action onClick={toggleExpanded}>\r\n                <FontAwesomeIcon icon={faLightbulb} />\r\n                <div>\r\n                    {berths.length}\r\n                </div>\r\n            </Action>\r\n            {info &&\r\n                <Callout\r\n                    gapSpace={4}\r\n                    target={`#${anchorId}`}\r\n                    onDismiss={toggleInfo}\r\n                    onClick={()=> {\r\n                        toggleInfo();\r\n                        toggleExpanded();\r\n                        \r\n                    }}\r\n                    styles={{\r\n                        beakCurtain: {\r\n                            borderRadius: \"4px\",\r\n                        },\r\n                        root: {\r\n                            borderRadius: \"4px\",\r\n                        },\r\n                        calloutMain: {\r\n                            borderRadius: \"4px\",\r\n                        }\r\n                    }}\r\n                >\r\n                    <ReviewBody>\r\n                        New suggested berths.<br />\r\n                        Click to edit and confirm new berths.\r\n                    </ReviewBody>\r\n                </Callout>\r\n            }\r\n            {expanded &&\r\n                <Callout\r\n                    gapSpace={4}\r\n                    target={`#${anchorId}`}\r\n                    onDismiss={toggleExpanded}\r\n                    styles={{\r\n                        beakCurtain: {\r\n                            borderRadius: \"4px\",\r\n\r\n                        },\r\n                        root: {\r\n                            borderRadius: \"4px\"\r\n                        },\r\n                        calloutMain: {\r\n                            borderRadius: \"4px\"\r\n                        }\r\n                    }}\r\n                >\r\n                    <CalloutBody>\r\n                        <div>\r\n                            Suggested berths\r\n                        </div>\r\n                        <table className=\"suggested-berths\">\r\n                            <tbody>\r\n                                {berths.map(b => {\r\n                                    return (\r\n                                        <tr key={`Suggested_berth_${b.id}`} onClick={() => berthClicked(b)} title=\"Click to edit and add berth to official berth register\">\r\n                                            <td>{b.name}</td>\r\n                                            <td>\r\n                                                <PortColumn port={b.port} />\r\n                                            </td>\r\n                                            <td>\r\n                                                <FontAwesomeIcon icon={faEdit} />\r\n                                            </td>\r\n                                            <td />\r\n                                        </tr>\r\n                                    );\r\n                                })}\r\n                            </tbody>\r\n                        </table>\r\n                    </CalloutBody>\r\n                </Callout>\r\n            }\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { IBerth } from \"../../interfaces/IBerth\";\r\nimport { BerthEditPanel } from \"./BerthEditPanel\";\r\nimport { useSuggestedBerths } from \"../../api/hooks/useSuggestedBerths\";\r\nimport { SuggestedBerths } from \"./SuggestedBerths\";\r\nimport { PortColumn } from \"../../blocks/portColumn/PortColumn\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n\r\n    >div {\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Berths = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const { suggestedBerths, mutate } = useSuggestedBerths();\r\n    const [berths, setBerths] = useState<IBerth[]>([]);\r\n    const [editBerth, setEditBerth] = useState<IBerth | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            capitalLetters: true,\r\n            width: \"250px\"\r\n        },\r\n        {\r\n            key: \"port.name\",\r\n            title: \"Port\",\r\n            capitalLetters: true,\r\n            render: (berth: IBerth) => {\r\n                return (\r\n                    <PortColumn port={berth.port} />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            width: \"80px\",\r\n            render: (_: IBerth) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={!_.inActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (b: IBerth) => {\r\n        history(`/berths/${b.id}`);\r\n    }\r\n\r\n    const getBerths = () => {\r\n        app.api.getBerths(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setBerths(_);\r\n                }\r\n                else {\r\n                    setBerths([...berths, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all berths mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const rowStyle = (_: IBerth) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getBerths();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = [...berths, ...suggestedBerths].find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditBerth(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [berths, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo: \"Berth free text search looks up the following columns; Berth name, Port name and UnLoCode\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Suggested Berths\",\r\n                        render: () => {\r\n                            if (suggestedBerths && suggestedBerths.length > 0) {\r\n                                return (\r\n                                    <SuggestedBerths\r\n                                        key=\"SuggestedBerthsAction\"\r\n                                        berths={suggestedBerths}\r\n                                        berthClicked={rowClick}\r\n                                    />\r\n                                );\r\n                            }\r\n                            return <div key=\"No_Suggested_Berths\" />;\r\n                        }\r\n                    },\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New berth\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditBerth({\r\n                                id: 0,\r\n                                inActive: false,\r\n                                confirmed: true\r\n                            });\r\n                            history(\"/berths/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"berths\",\r\n                            title: \"berths\",\r\n                            url: \"/berths\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={berths}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <BerthEditPanel\r\n                b={editBerth}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = berths.findIndex(_ => _.id === p.id);\r\n                    let _berths = berths.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _berths[index] = p;\r\n                    }\r\n                    else {\r\n                        _berths.unshift(p)\r\n                    }\r\n\r\n                    mutate();\r\n                    setBerths(_berths);\r\n                    setEditBerth(undefined);\r\n                    history(\"/berths\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditBerth(undefined);\r\n                    history(\"/berths\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        mutate();\r\n                        setBerths(berths.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IBerth } from \"../../interfaces/IBerth\";\r\n\r\nexport const useSuggestedBerths = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/berths/suggested\", {\r\n        dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let suggestedBerths: IBerth[] = data\r\n        ? data\r\n        : [];\r\n\r\n    return { suggestedBerths, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Commodities filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { IFreightType } from \"../../interfaces/IFreightType\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FreightTypeEditPanel: React.FC<{ isOpen: boolean, ft?: IFreightType, commit: (_: IFreightType) => void, dismiss: (_?: IFreightType) => void }> = ({ isOpen, ft, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [freightType, setFreightType] = useState<IFreightType | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = ft && ft.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.saveFreightType(freightType!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${freightType!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deleteFreightType = () => {\r\n        app.api.deleteFreightType(freightType!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${freightType!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(freightType)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!freightType || !freightType.name || freightType.name.trim().length < 2) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFreightType(ft);\r\n    }, [ft])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!freightType) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New freight type\" : \"Edit\"}</span> {freightType.name}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!freightType.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setFreightType({\r\n                            ...freightType,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    value={freightType.name ? freightType.name : \"\"}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setFreightType({\r\n                            ...freightType,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    multiline\r\n                    autoAdjustHeight\r\n                    value={freightType.description ? freightType.description : \"\"}\r\n                    maxLength={250}\r\n                    description=\"Description (max length 250 characters)\"\r\n                    onChange={(ev, v) => {\r\n                        setFreightType({\r\n                            ...freightType,\r\n                            description: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete freight type?\"\r\n                    subText={`Are you sure you want to delete ${freightType.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={deleteFreightType}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { IFreightType } from \"../../interfaces/IFreightType\";\r\nimport { FreightTypeEditPanel } from \"./FreightTypeEditPanel\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FreightTypes = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [freightTypes, setFreightTypes] = useState<IFreightType[]>([]);\r\n    const [editFreightType, setEditFreightType] = useState<IFreightType | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            width: \"250px\"\r\n        },\r\n        {\r\n            key: \"description\"\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            width: \"80px\",\r\n            render: (_: IFreightType) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={!_.inActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (ft: IFreightType) => {\r\n        history(`/freightTypes/${ft.id}`);\r\n    }\r\n\r\n    const rowStyle = (_: IFreightType) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const getFreightTypes = () => {\r\n        app.api.getFreightTypes(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setFreightTypes(_);\r\n                }\r\n                else {\r\n                    setFreightTypes([...freightTypes, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all freight types mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getFreightTypes();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = freightTypes.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditFreightType(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [freightTypes, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New freight type\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditFreightType({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/freighttypes/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"freighttypes\",\r\n                            title: \"freight types\",\r\n                            url: \"/freighttypes\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={freightTypes}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <FreightTypeEditPanel\r\n                ft={editFreightType}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = freightTypes.findIndex(_ => _.id === p.id);\r\n                    let _freightTypes = freightTypes.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _freightTypes[index] = p;\r\n                    }\r\n                    else {\r\n                        _freightTypes.unshift(p)\r\n                    }\r\n\r\n                    setFreightTypes(_freightTypes);\r\n                    setEditFreightType(undefined);\r\n                    history(\"/freighttypes\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditFreightType(undefined);\r\n                    history(\"/freighttypes\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setFreightTypes(freightTypes.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IPortCallExtended } from '../interfaces/IPortCall';\r\nimport { IVoyage } from '../interfaces/IVoyage';\r\nimport { ILegWithTotals } from '../interfaces/ILeg';\r\nimport { ILogReport } from '../interfaces/ILogReport';\r\nimport { IBunkerDeliveryNote } from '../interfaces/IBunkerDeliveryNote';\r\nimport { IVoyageStandardReport } from '../interfaces/IVoyageStandardReport';\r\nimport { IVoyageReportSettings } from '../interfaces/IVoyageReportSettings';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVoyage\", voyage: IVoyage }\r\n    | { type: \"setLegs\", legs: ILegWithTotals[] }\r\n    | { type: \"setLogReports\", logReports: ILogReport[] }\r\n    | { type: \"setPortCalls\", portCalls: IPortCallExtended[] }\r\n    | { type: \"setBunkerDeliveryNotes\", bunkerDeliveryNotes: IBunkerDeliveryNote[] }\r\n    | { type: \"setVoyageReport\", voyageReport: IVoyageStandardReport }\r\n    | { type: \"setReportSettings\", reportSettings: IVoyageReportSettings }\r\n\r\ntype VoyageReportData = {\r\n    voyage?: IVoyage\r\n    legs?: ILegWithTotals[]\r\n    logReports?: ILogReport[]\r\n    portCalls?: IPortCallExtended[]\r\n    bunkerDeliveryNotes?: IBunkerDeliveryNote[]\r\n    voyageReport?: IVoyageStandardReport\r\n    reportSettings?: IVoyageReportSettings\r\n}\r\n\r\ninterface IReducers {\r\n    state: VoyageReportData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useVoyageReportContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: VoyageReportData, action: ReducerAction): VoyageReportData => {\r\n    switch (action.type) {\r\n        case \"setVoyageReport\":\r\n            return {\r\n                ...state,\r\n                voyageReport: action.voyageReport\r\n            };\r\n        case \"setVoyage\":\r\n            return {\r\n                ...state,\r\n                voyage: action.voyage\r\n            };\r\n        case \"setPortCalls\":\r\n            return {\r\n                ...state,\r\n                portCalls: action.portCalls\r\n            };\r\n        case \"setLegs\":\r\n            return {\r\n                ...state,\r\n                legs: action.legs\r\n            };\r\n        case \"setLogReports\":\r\n            return {\r\n                ...state,\r\n                logReports: action.logReports\r\n            };\r\n        case \"setBunkerDeliveryNotes\":\r\n            return {\r\n                ...state,\r\n                bunkerDeliveryNotes: action.bunkerDeliveryNotes\r\n            };\r\n        case \"setReportSettings\":\r\n            return {\r\n                ...state,\r\n                reportSettings: action.reportSettings\r\n            };\r\n    }\r\n}\r\n\r\nexport const VoyageReportContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useVoyageReportProvider = () => {\r\n    const { state, dispatch } = useVoyageReportContext();\r\n\r\n    return {\r\n        voyage: state.voyage,\r\n        legs: state.legs,\r\n        logReports: state.logReports,\r\n        portCalls: state.portCalls,\r\n        bunkerDeliveryNotes: state.bunkerDeliveryNotes,\r\n        voyageReport: state.voyageReport,\r\n        reportSettings: state.reportSettings,\r\n\r\n        setVoyageReport: (voyageReport: IVoyageStandardReport) => {\r\n            dispatch({\r\n                type: \"setVoyageReport\",\r\n                voyageReport\r\n            })\r\n        },\r\n        setVoyage: (voyage: IVoyage) => {\r\n            dispatch({\r\n                type: \"setVoyage\",\r\n                voyage\r\n            })\r\n        },\r\n        setLegs: (legs: ILegWithTotals[]) => {\r\n            dispatch({\r\n                type: \"setLegs\",\r\n                legs\r\n            })\r\n        },\r\n        setLogReports: (logReports: ILogReport[]) => {\r\n            dispatch({\r\n                type: \"setLogReports\",\r\n                logReports\r\n            })\r\n        },\r\n        setPortCalls: (portCalls: IPortCallExtended[]) => {\r\n            dispatch({\r\n                type: \"setPortCalls\",\r\n                portCalls\r\n            })\r\n        },\r\n        setBunkerDeliveryNotes: (bunkerDeliveryNotes: IBunkerDeliveryNote[]) => {\r\n            dispatch({\r\n                type: \"setBunkerDeliveryNotes\",\r\n                bunkerDeliveryNotes\r\n            })\r\n        },\r\n        setReportSettings: (reportSettings: IVoyageReportSettings) => {\r\n            dispatch({\r\n                type: \"setReportSettings\",\r\n                reportSettings\r\n            })\r\n        }\r\n    };\r\n}","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { TimezoneTypes } from '../_enums/TimezoneTypes';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setSelectedReports\", selectedReports: string[] }\r\n    | { type: \"setSelectedPortCalls\", selectedPortCalls: number[] }\r\n    | { type: \"setSelectedCargoPorts\", selectedCargoPorts: number[] }\r\n    | { type: \"setSelectedConsumptionGroups\", selectedConsumptionGroups: number[] }\r\n    | { type: \"setTzDisplayType\", tzDisplayType: TimezoneTypes }\r\n    | { type: \"setUseCalculatedRobEnd\", useCalculatedRobEnd: boolean };\r\n\r\ntype VoyageReportData = {\r\n    selectedReports: string[]\r\n    selectedPortCalls: number[]\r\n    selectedCargoPorts: number[]\r\n    selectedConsumptionGroups: number[]\r\n    useCalculatedRobEnd: boolean\r\n    tzDisplayType: TimezoneTypes\r\n}\r\n\r\ninterface IReducers {\r\n    state: VoyageReportData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    selectedReports: [],\r\n    selectedConsumptionGroups: [],\r\n    selectedPortCalls: [],\r\n    selectedCargoPorts: [],\r\n    useCalculatedRobEnd: true,\r\n    summary: undefined,\r\n    tzDisplayType: TimezoneTypes.Port\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useVoyageSimpleReportContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: VoyageReportData, action: ReducerAction): VoyageReportData => {\r\n    switch (action.type) {\r\n        case \"setSelectedReports\":\r\n            return {\r\n                ...state,\r\n                selectedReports: action.selectedReports\r\n            };\r\n        case \"setSelectedPortCalls\":\r\n            return {\r\n                ...state,\r\n                selectedPortCalls: action.selectedPortCalls\r\n            };\r\n        case \"setSelectedCargoPorts\":\r\n            return {\r\n                ...state,\r\n                selectedCargoPorts: action.selectedCargoPorts\r\n            };\r\n        case \"setSelectedConsumptionGroups\":\r\n            return {\r\n                ...state,\r\n                selectedConsumptionGroups: action.selectedConsumptionGroups\r\n            };\r\n        case \"setUseCalculatedRobEnd\":\r\n            return {\r\n                ...state,\r\n                useCalculatedRobEnd: action.useCalculatedRobEnd\r\n            };\r\n        case \"setTzDisplayType\":\r\n            return {\r\n                ...state,\r\n                tzDisplayType: action.tzDisplayType\r\n            };\r\n    }\r\n}\r\n\r\nexport const VoyageSimpleReportContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useVoyageSimpleReportProvider = () => {\r\n    const { state, dispatch } = useVoyageSimpleReportContext();\r\n\r\n    return {\r\n        selectedReports: state.selectedReports,\r\n        selectedPortCalls: state.selectedPortCalls,\r\n        selectedCargoPorts: state.selectedCargoPorts,\r\n        selectedConsumptionGroups: state.selectedConsumptionGroups,\r\n        useCalculatedRobEnd: state.useCalculatedRobEnd,\r\n        tzDisplayType: state.tzDisplayType,\r\n\r\n        setSelectedReports: (selectedReports: string[]) => {\r\n            dispatch({\r\n                type: \"setSelectedReports\",\r\n                selectedReports\r\n            })\r\n        },\r\n        setSelectedPortCalls: (selectedPortCalls: number[]) => {\r\n            dispatch({\r\n                type: \"setSelectedPortCalls\",\r\n                selectedPortCalls\r\n            })\r\n        },\r\n        setSelectedCargoPorts: (selectedCargoPorts: number[]) => {\r\n            dispatch({\r\n                type: \"setSelectedCargoPorts\",\r\n                selectedCargoPorts\r\n            })\r\n        },\r\n        setSelectedConsumptionGroups: (selectedConsumptionGroups: number[]) => {\r\n            dispatch({\r\n                type: \"setSelectedConsumptionGroups\",\r\n                selectedConsumptionGroups\r\n            })\r\n        },\r\n        setUseCalculatedRobEnd: (useCalculatedRobEnd: boolean) => {\r\n            dispatch({\r\n                type: \"setUseCalculatedRobEnd\",\r\n                useCalculatedRobEnd\r\n            })\r\n        },\r\n        setTzDisplayType: (tzDisplayType: TimezoneTypes) => {\r\n            dispatch({\r\n                type: \"setTzDisplayType\",\r\n                tzDisplayType\r\n            })\r\n        }\r\n    };\r\n}","import { faStream } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IVoyageReport } from \"../../../../interfaces/IVoyageReport\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 15px 20px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        margin: 5px 15px;\r\n\r\n        >div:last-child {\r\n            color: #999;\r\n            font-size: 11px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportInfo: React.FC<{ r: IVoyageReport }> = ({ r }) => {\r\n    const { app } = useAppContext();\r\n    const { getDuration, getDurationString, makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const history = useNavigate();\r\n\r\n    return (\r\n        <Card title=\"Details\" icon={<FontAwesomeIcon icon={faStream} />}>\r\n            <Body>\r\n                <div>\r\n                    <div>{r.voyage.voyageNumber}</div>\r\n                    <div>Voyage number</div>\r\n                </div>\r\n                <div>\r\n                    <div>{r?.voyage.vessel.name}</div>\r\n                    <div>Vessel</div>\r\n                </div>\r\n                <div>\r\n                    <div>{r.voyage.master ? r.voyage.master.fullName : \"n/a\"}</div>\r\n                    <div>Master</div>\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        {r.departurePortCall\r\n                            ?\r\n                            <span title=\"See details for departure portcall\" className=\"vr-link\" onClick={() => history(`/portCalls/${r.departurePortCall!.id}`)}>\r\n                                {toCapitalLetters(r.departurePortCall.port?.name)} {makeDateObject(r.departurePortCall.departed!, resolveTimeZone(r.departurePortCall.port?.timeZone)).toFormat(\"dd MMM. yy @ HH:mm\")}\r\n                            </span>\r\n                            :\r\n                            <span>n/a</span>\r\n                        }\r\n                    </div>\r\n                    <div>Departed from</div>\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        {r.firstPortCall\r\n                            ?\r\n                            <span title=\"See details for first portcall\" className=\"vr-link\" onClick={() => history(`/portCalls/${r.firstPortCall!.id}`)}>\r\n                                {toCapitalLetters(r.firstPortCall.port?.name)} {makeDateObject(r.firstPortCall.arrived!, resolveTimeZone(r.firstPortCall.port?.timeZone)).toFormat(\"dd MMM. yy @ HH:mm\")}\r\n                            </span>\r\n                            :\r\n                            <span>n/a</span>\r\n                        }\r\n                    </div>\r\n                    <div>Arrival first portcall</div>\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        {r.lastPortCall\r\n                            ?\r\n                            <span title=\"See details for last portcall\" className=\"vr-link\" onClick={() => history(`/portCalls/${r.lastPortCall!.id}`)}>\r\n                                {toCapitalLetters(r.lastPortCall.port?.name)} {makeDateObject(r.lastPortCall.departed!, resolveTimeZone(r.lastPortCall.port?.timeZone)).toFormat(\"dd MMM. yy @ HH:mm\")}\r\n                            </span>\r\n                            :\r\n                            <span>n/a</span>\r\n                        }\r\n                    </div>\r\n                    <div>Departed last portcall</div>\r\n                </div>\r\n                <div>\r\n                    <div>{r.preDistance ? r.preDistance.toFixed(2) : \"n/a\"} NM</div>\r\n                    <div>Pre distance</div>\r\n                </div>\r\n                <div>\r\n                    <div>{r.distance ? r.distance.toFixed(2) : \"n/a\"} NM</div>\r\n                    <div>Distance</div>\r\n                </div>\r\n\r\n                <div>\r\n                    <div>{getDurationString(getDuration(r.departurePortCall?.departed, r.firstPortCall?.arrived))}</div>\r\n                    <div>Pre duration</div>\r\n                </div>\r\n\r\n\r\n                <div>\r\n                    <div>{getDurationString(getDuration(r.firstPortCall?.arrived, r.lastPortCall?.departed))}</div>\r\n                    <div>Duration</div>\r\n                </div>\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { PortCallStatus } from \"../../_enums/PortCallStatus\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ height?: string, barWidth?: string, barColor?: string, altBarColor?: string }>`\r\n    padding: 3px 6px;\r\n    width: fit-content;\r\n    font-size: 10px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    border-radius: 2px;\r\n`;\r\n//#endregion\r\n\r\nexport const PortcallStatusBadge: React.FC<{ status: PortCallStatus }> = ({ status }) => {\r\n    let backgroundColor = \"\";\r\n    let color = \"\";\r\n    let outline = \"\";\r\n    let fontWeight = 500;\r\n\r\n    switch (status) {\r\n        case PortCallStatus.Active:\r\n            backgroundColor = \"#32ad32\";\r\n            color = \"white\";\r\n            break;\r\n        case PortCallStatus.Late:\r\n            backgroundColor = \"#d13438\";\r\n            color = \"white\";\r\n            break;\r\n        case PortCallStatus.Finished:\r\n            backgroundColor = \"#ddd\";\r\n            outline = \"1px solid #aaa\";\r\n            fontWeight = 700;\r\n            break;\r\n        case PortCallStatus.Scheduled:\r\n            backgroundColor = \"#4177bf\";\r\n            color = \"white\"\r\n            break;\r\n        case PortCallStatus.InActive:\r\n            backgroundColor = \"#ffd5d5\";\r\n            outline = \"1px solid #ffb3b3\";\r\n            fontWeight = 700;\r\n            break;\r\n    }\r\n\r\n    return (\r\n        <Container\r\n            style={{\r\n                backgroundColor,\r\n                color,\r\n                outline,\r\n                fontWeight\r\n            }}\r\n        >\r\n            {PortCallStatus[status]}\r\n        </Container>\r\n    );\r\n};","import { Checkbox } from \"@fluentui/react\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { ICargo } from \"../../../../interfaces/ICargo\";\r\nimport { IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { useVoyageSimpleReportProvider } from \"../../../../contextHooks/VoyageSimpleReportContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isGreyedOut: boolean }>`\r\n    font-size: 14px;\r\n    padding: 10px 0;\r\n\r\n    .vrc-header {\r\n\r\n    }\r\n\r\n    .vrc-info {\r\n        opacity: ${_ => _.isGreyedOut ? .4 : 1};\r\n        padding: 5px 0;\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        grid-gap: 20px;\r\n\r\n        >div {\r\n            .vrc-info-header {\r\n                margin: 5px 0;\r\n                background-color: #f1f1f1;\r\n                padding: 4px 8px;\r\n                font-size: 10px;\r\n                text-transform: uppercase;\r\n                letter-spacing: .5px;\r\n                font-weight: 500;\r\n                border: 1px solid #ddd;\r\n                border-radius: 2px;\r\n            }\r\n\r\n            .vrc-info-body {\r\n                padding: 2px 10px;\r\n\r\n                >div {\r\n                    margin: 5px 0;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .vrc-remarks {\r\n        opacity: ${_ => _.isGreyedOut ? .4 : 1};\r\n        padding: 5px 0;\r\n\r\n        .vrc-remarks-header {\r\n            margin: 5px 0;\r\n            background-color: #f1f1f1;\r\n            padding: 4px 8px;\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            letter-spacing: .5px;\r\n            font-weight: 500;\r\n            border: 1px solid #ddd;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .vrc-remarks-body {\r\n            padding: 2px 10px;\r\n\r\n            >div {\r\n                margin: 5px 0;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportCargo: React.FC<{ pc: IPortCall, c: ICargo, timeZone?: string }> = ({ c, pc, timeZone }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { selectedCargoPorts, selectedPortCalls, setSelectedCargoPorts } = useVoyageSimpleReportProvider();\r\n    const isGreyedOut = selectedPortCalls.indexOf(pc.id) >= 1 && selectedCargoPorts.indexOf(c.cargoPortId!) < 0;\r\n\r\n    return (\r\n        <Container isGreyedOut={isGreyedOut}>\r\n            <div className=\"vrc-header\">\r\n                <Checkbox\r\n                    title=\"Include in report\"\r\n                    disabled={selectedPortCalls.indexOf(pc.id) < 0}\r\n                    checked={selectedCargoPorts.indexOf(c.cargoPortId!) >= 0}\r\n                    label={`${toCapitalLetters(c.commodity?.name)} (${c.charterer ? c.charterer.name : \"charterer missing\"})`}\r\n                    onChange={(ev, checked) => {\r\n                        let ids = [...selectedCargoPorts.filter(_ => _ !== c.cargoPortId)];\r\n                        setSelectedCargoPorts(checked ? [...ids, c.cargoPortId!] : ids);\r\n                    }}\r\n                    styles={{\r\n                        text: {\r\n                            color: \"#333\",\r\n                            fontWeight: 600,\r\n                        },\r\n                        checkbox: {\r\n                            fontSize: \"10px\",\r\n                            width: \"15px\",\r\n                            height: \"16px\",\r\n                            marginTop: \"1px\"\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n            <div className=\"vrc-info\">\r\n                <div>\r\n                    <div className=\"vrc-info-header\">Cargo information</div>\r\n                    <div className=\"vrc-info-body\">\r\n                        <div>Nor tendered: <DateString date={c.norTendered} timeZone={timeZone} short /></div>\r\n                        <div>Booked qty: {c.quantity?.toLocaleString()} {c.measurement?.name} / processed: {c.quantityProcessed} {c.measurement?.name}</div>\r\n                        <div>\r\n                            {c.reasonForCall?.code === \"L\" ? \"Loading\" : \"Discharging\"} commended: <DateString date={c.commencedLoadDischarge} timeZone={timeZone} short /> / completed: <DateString date={c.completedLoadDischarge} timeZone={timeZone} short />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div className=\"vrc-info-header\">Cargo stoppages</div>\r\n                    <div className=\"vrc-info-body\">\r\n                        {c.stoppages && c.stoppages.length > 0\r\n                            ?\r\n                            <>\r\n                                {c.stoppages.map(s => {\r\n                                    return (\r\n                                        <div key={`CargoStoppage_${s.from.id}_${s.to.id}`}>\r\n                                            {s.from.name}, <DateString date={s.from.eventDate} timeZone={timeZone} short /> &rarr; <DateString date={s.to.eventDate} timeZone={timeZone} short />\r\n                                        </div>\r\n                                    );\r\n                                })}\r\n                            </>\r\n                            :\r\n                            <div style={{ color: \"#bbb\" }}>No stoppages</div>\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"vrc-remarks\">\r\n                <div className=\"vrc-remarks-header\">Cargo remarks</div>\r\n                <div className=\"vrc-remarks-body\">\r\n                    <div>{c.remarks ? c.remarks : \"No remarks\"}</div>\r\n                </div>\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { faArrowUp, faRunning } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { PortcallStatusBadge } from \"../../../../blocks/portcallStatusBadge/PortcallStatusBadge\";\r\nimport { usePortCallFunctions } from \"../../../../globalHooks/usePortCallFunctions\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { VoyageReportCargo } from \"./VoyageReportCargo\";\r\nimport { useVoyageSimpleReportProvider } from \"../../../../contextHooks/VoyageSimpleReportContext\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isSelected: boolean }>`\r\n    position: relative;\r\n    font-size: 14px;\r\n    padding: 20px 30px;\r\n    \r\n    .vrpc-header {\r\n        display: flex;\r\n\r\n        >div:first-child {\r\n            flex-grow: 1;\r\n        }\r\n    }\r\n\r\n    .vrpc-info {\r\n        opacity: ${_ => _.isSelected ? 1 : .4};\r\n        margin: 6px -8px;\r\n        padding-bottom: 15px;\r\n\r\n        >span {\r\n            margin: 0 8px;\r\n\r\n            i, svg {\r\n                margin-right: 5px;\r\n                color: #444;\r\n            }\r\n        }\r\n        \r\n    }\r\n\r\n    .vrpc-cargo-list {\r\n        opacity: ${_ => _.isSelected ? 1 : .4};\r\n    }\r\n\r\n    .vrpc-hover {\r\n        position: absolute;\r\n        width: 3px;\r\n        background-color: transparent;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n    }\r\n\r\n    :hover {\r\n        .vrpc-hover {\r\n            transition: background-color .25s ease-in-out;\r\n            background-color: #4177bf;\r\n        }\r\n    }\r\n`;\r\n\r\nconst CbxLabel = styled.div`\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        margin: 0 10px;\r\n        margin-top: 4px;\r\n    }\r\n\r\n    >div:last-child {\r\n        font-size: 20px;\r\n        font-weight: 500;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportPortCall: React.FC<{ pc: IPortCall }> = ({ pc }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const {resolveTimeZone} = useDateFunctions();\r\n    const { getStatus } = usePortCallFunctions();\r\n    const { selectedCargoPorts, selectedPortCalls, setSelectedCargoPorts, setSelectedPortCalls } = useVoyageSimpleReportProvider();\r\n    const isSelected = selectedPortCalls.indexOf(pc.id) >= 0;\r\n    const tz = resolveTimeZone(pc.port?.timeZone);\r\n    const history = useNavigate();\r\n\r\n    return (\r\n        <Container isSelected={isSelected}>\r\n            <div className=\"vrpc-header\">\r\n                <div>\r\n                    <Checkbox\r\n                        title=\"Include in report\"\r\n                        checked={selectedPortCalls.indexOf(pc.id) >= 0}\r\n                        onChange={(ev, checked) => {\r\n                            let pcIds = [...selectedPortCalls.filter(_ => _ !== pc.id)];\r\n                            let cpIds = [...selectedCargoPorts.slice()];\r\n                            let pcCpIds = pc.cargos ? pc.cargos.map(_ => _.cargoPortId!) : [];\r\n\r\n                            if (checked) {\r\n                                pcIds.push(pc.id);\r\n                                cpIds = cpIds.concat(pcCpIds);\r\n                            }\r\n                            else {\r\n                                cpIds = cpIds.filter(_ => {\r\n                                    return pcCpIds.indexOf(_) < 0;\r\n                                })\r\n                            }\r\n\r\n                            setSelectedPortCalls(pcIds);\r\n                            setSelectedCargoPorts(cpIds);\r\n                        }}\r\n                        onRenderLabel={_ => {\r\n                            return (\r\n                                <CbxLabel>\r\n                                    <div>\r\n                                        <PortcallStatusBadge status={getStatus(pc)} />\r\n                                    </div>\r\n                                    <div>\r\n                                        {toCapitalLetters(pc.port?.name)}\r\n                                    </div>\r\n                                </CbxLabel>\r\n                            );\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div className=\"vr-link\" title=\"Details for portcall\" onClick={() => history(`/portCalls/${pc.id}`)}>\r\n                    Details\r\n                </div>\r\n            </div>\r\n            <div className=\"vrpc-info\">\r\n                <span title=\"Arrival info\">\r\n                    <FontAwesomeIcon icon={faArrowUp} style={{ transform: \"rotate(135deg\" }} />\r\n                    {pc.arrived\r\n                        ? <span>ATA: <DateString title={tz} date={pc.arrived} timeZone={tz} short /></span>\r\n                        : <span>ETA: <DateString title={tz} date={pc.scheduledArrival} timeZone={tz} short /></span>\r\n                    }\r\n                </span>\r\n                <span title=\"Departue info\">\r\n                    <FontAwesomeIcon icon={faArrowUp} style={{ transform: \"rotate(45deg\" }} />\r\n                    {pc.departed\r\n                        ? <span>ATD: <DateString title={tz} date={pc.departed} timeZone={tz} short /></span>\r\n                        : <span>ETD: <DateString title={tz} date={pc.scheduledDeparture} timeZone={tz} short /></span>\r\n                    }\r\n                </span>\r\n                <span title=\"Agent\">\r\n                    <FontAwesomeIcon icon={faRunning} />\r\n                    <span>{pc.agent ? pc.agent.name : \"n/a\"}</span>\r\n                </span>\r\n            </div>\r\n            <div className=\"vrpc-cargo-list\">\r\n                {pc.cargos?.map(c => {\r\n                    return <VoyageReportCargo key={`VoyageReportCargo_${c.cargoPortId}`} pc={pc} c={c} timeZone={tz} />\r\n                })}\r\n            </div>\r\n            <div className=\"vrpc-hover\" />\r\n        </Container>\r\n    );\r\n};","import { faGlobeEurope } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { IPortCall } from \"../../../../interfaces/IPortCall\";\r\nimport { VoyageReportPortCall } from \"./VoyageReportPortCall\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    >div {\r\n        border-bottom: 2px solid #dadada;\r\n    }\r\n\r\n    >div:nth-child(even) {\r\n        background-color: #f7f7f7;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: unset;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportPortCalls: React.FC<{ portCalls?: IPortCall[] }> = ({ portCalls }) => {\r\n    return (\r\n        <Card loading={!portCalls} title=\"Portcalls\" icon={<FontAwesomeIcon icon={faGlobeEurope} />}>\r\n            <Body>\r\n                {portCalls && portCalls.map(pc => {\r\n                    return <VoyageReportPortCall key={`VoyageReportPortCall_${pc.id}`} pc={pc} />\r\n                })}\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import { Checkbox, Toggle } from \"@fluentui/react\";\r\nimport { faTint } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useArrayFunctions } from \"../../../../globalHooks/useArrayFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IConsumptionTotal } from \"../../../../interfaces/IConsumptionTotal\";\r\nimport { IVoyageReport } from \"../../../../interfaces/IVoyageReport\";\r\nimport { useVoyageSimpleReportProvider } from \"../../../../contextHooks/VoyageSimpleReportContext\";\r\n\r\n//#region Styled Components\r\nconst GroupTable = styled.table`\r\n    font-size: 14px;\r\n    border-spacing: 0px;\r\n    margin: 15px 0 0;\r\n\r\n    thead {\r\n        tr {\r\n            th {\r\n                text-align: left;\r\n                padding: 6px 20px 8px;\r\n                font-weight: 900;\r\n                font-size: 10px;\r\n                letter-spacing: .5px;\r\n                text-transform: uppercase;\r\n                white-space: nowrap;\r\n            }\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        tr {\r\n            td {\r\n                padding: 6px 20px 8px;\r\n                white-space: nowrap;\r\n            }\r\n\r\n            td:first-child {\r\n                padding: 6px 10px 8px 30px;\r\n            }\r\n\r\n            td:last-child {\r\n                width: 100%;\r\n            }\r\n\r\n            :hover {\r\n                background-color: #f5f5f5;\r\n            }\r\n        }\r\n    }\r\n\r\n    td:nth-child(3), td:nth-child(4), td:nth-child(5), td:nth-child(6), td:nth-child(7), td:nth-child(8) {\r\n        text-align: right;\r\n    }\r\n`;\r\n\r\nconst DividerRow = styled.tr`\r\n    :hover {\r\n        background-color: transparent !important;\r\n    }\r\n`;\r\n\r\nconst SummaryRow = styled.tr`\r\n    td {\r\n        border-top: 1px solid #ddd;\r\n        background-color: #fafafa;\r\n        padding: 12px 20px 14px !important;\r\n        font-weight: 500;\r\n        color: #4177bf;\r\n    }\r\n\r\n    td:first-child {\r\n        border-bottom-left-radius: 4px;\r\n    }\r\n\r\n    td:last-child {\r\n        border-bottom-right-radius: 4px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportData: React.FC<{ r: IVoyageReport }> = ({ r }) => {\r\n    const { sumArray } = useArrayFunctions();\r\n    const { app } = useAppContext();\r\n    const { selectedConsumptionGroups, setSelectedConsumptionGroups, setUseCalculatedRobEnd, useCalculatedRobEnd } = useVoyageSimpleReportProvider();\r\n\r\n    const getCalculatedRobEnd = (_: IConsumptionTotal) => {\r\n        let calulatedRobEnd =\r\n            // Rob start\r\n            (_.totalQtyStart ? _.totalQtyStart : 0) +\r\n            // Bunkered\r\n            (_.totalBunkered ? _.totalBunkered : 0) -\r\n            // Consumed\r\n            ((_.totalConsumedPreVoyage ? _.totalConsumedPreVoyage : 0) + (_.totalConsumed ? _.totalConsumed : 0));\r\n\r\n        return calulatedRobEnd;\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            title=\"Consumption and bunker\"\r\n            icon={<FontAwesomeIcon icon={faTint} />}\r\n            actions={[{\r\n                title: \"Using calculated Rob End in report\",\r\n                render: () => {\r\n                    return (\r\n                        <Toggle\r\n                            key=\"ToggleRobEndType\"\r\n                            checked={useCalculatedRobEnd}\r\n                            onText=\"Use calculated Rob End\"\r\n                            offText=\"Use reported Rob End\"\r\n                            onChange={(ev, checked) => {\r\n                                setUseCalculatedRobEnd(checked ? checked : false);\r\n                            }}\r\n                        />\r\n                    );\r\n                },\r\n            }]}\r\n        >\r\n            <GroupTable>\r\n                <thead>\r\n                    <tr>\r\n                        <th />\r\n                        <th>Fuel</th>\r\n                        <th>Rob start</th>\r\n                        <th>Bunkered</th>\r\n                        <th>Cons. pre voyage</th>\r\n                        <th>Cons. voyage</th>\r\n                        <th>Rep. Rob end</th>\r\n                        <th>Calc. Rob end</th>\r\n                        <th />\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    {r.consumptionTotals?.map(_ => {\r\n                        let calculatedRobEnd = getCalculatedRobEnd(_);\r\n                        let robEndIsDiff = calculatedRobEnd !== _.totalQtyEnd;\r\n                        let includeInReport = selectedConsumptionGroups.indexOf(_.fuel!.id) >= 0;\r\n\r\n                        return (\r\n                            <tr key={`Fuel_Row_${_.fuel?.id}`}>\r\n                                <td>\r\n                                    <Checkbox\r\n                                        title=\"Include in report\"\r\n                                        checked={includeInReport}\r\n                                        onChange={(ev, checked) => {\r\n                                            let _ids = [...selectedConsumptionGroups.filter(x => x !== _.fuel!.id)];\r\n                                            setSelectedConsumptionGroups(checked && checked ? [..._ids, _.fuel!.id] : _ids);\r\n                                        }}\r\n\r\n                                    />\r\n                                </td>\r\n                                <td>{_.fuel?.name}</td>\r\n                                <td>{_.totalQtyStart?.toLocaleString()} L</td>\r\n                                <td>{_.totalBunkered?.toLocaleString()} L</td>\r\n                                <td>{_.totalConsumedPreVoyage?.toLocaleString()} L</td>\r\n                                <td>{_.totalConsumed?.toLocaleString()} L</td>\r\n                                <td\r\n                                    title={robEndIsDiff ? \"Reported Rob End differs from calculated Rob End\" : undefined}\r\n                                    style={{\r\n                                        color: robEndIsDiff ? \"red\" : undefined,\r\n                                        fontWeight: robEndIsDiff ? 600 : undefined,\r\n                                        textDecoration: robEndIsDiff ? \"underline\" : undefined\r\n                                    }}\r\n                                >\r\n                                    {_.totalQtyEnd?.toLocaleString()} L\r\n                                </td>\r\n                                <td\r\n                                    title={robEndIsDiff ? \"Reported Rob End differs from calculated Rob End\" : undefined}\r\n                                    style={{\r\n                                        color: robEndIsDiff ? \"red\" : undefined,\r\n                                        fontWeight: robEndIsDiff ? 600 : undefined,\r\n                                        textDecoration: robEndIsDiff ? \"underline\" : undefined\r\n                                    }}\r\n                                >\r\n                                    {calculatedRobEnd.toLocaleString()} L\r\n                                </td>\r\n                                <td />\r\n                            </tr>\r\n                        );\r\n                    })}\r\n                    <DividerRow>\r\n                        <td colSpan={9} />\r\n                    </DividerRow>\r\n                    <SummaryRow key=\"SummaryRow\">\r\n                        <td />\r\n                        <td>\r\n                            Totals\r\n                        </td>\r\n                        <td>{sumArray(r.consumptionTotals?.map(_ => _.totalQtyStart))?.toLocaleString()} L</td>\r\n                        <td>{sumArray(r.consumptionTotals?.map(_ => _.totalBunkered))?.toLocaleString()} L</td>\r\n                        <td>{sumArray(r.consumptionTotals?.map(_ => _.totalConsumedPreVoyage))?.toLocaleString()} L</td>\r\n                        <td>{sumArray(r.consumptionTotals?.map(_ => _.totalConsumed))?.toLocaleString()} L</td>\r\n                        <td>\r\n                            <span\r\n                                style={{\r\n                                    backgroundColor: !useCalculatedRobEnd ? \"#e5e5e5\" : undefined,\r\n                                    padding: !useCalculatedRobEnd ? \"2px 4px\" : undefined,\r\n                                    color: !useCalculatedRobEnd ? \"#333\" : undefined,\r\n                                    borderRadius: \"2px\"\r\n                                }}\r\n                            >\r\n                                {sumArray(r.consumptionTotals?.map(_ => _.totalQtyEnd))?.toLocaleString()} L\r\n                            </span>\r\n                        </td>\r\n                        <td>\r\n                            <span\r\n                                style={{\r\n                                    backgroundColor: useCalculatedRobEnd ? \"#e5e5e5\" : undefined,\r\n                                    padding: useCalculatedRobEnd ? \"2px 4px\" : undefined,\r\n                                    color: useCalculatedRobEnd ? \"#333\" : undefined,\r\n                                    borderRadius: \"2px\"\r\n                                }}\r\n                            >\r\n                                {sumArray(r.consumptionTotals?.map(_ => getCalculatedRobEnd(_)))?.toLocaleString()} L\r\n                            </span>\r\n                        </td>\r\n                        <td />\r\n                    </SummaryRow>\r\n                </tbody>\r\n            </GroupTable>\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faFilePdf, faFileWord } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { VoyageReportInfo } from \"./modules/VoyageReportInfo\";\r\nimport { VoyageReportPortCalls } from \"./modules/VoyageReportPortCalls\";\r\nimport { useVoyageReport } from \"../../../api/hooks/useVoyageReport\";\r\nimport { VoyageReportData } from \"./modules/VoyageReporData\";\r\nimport { useVoyageReportPortCalls } from \"../../../api/hooks/useVoyageReportPortCalls\";\r\nimport { IVoyageReport } from \"../../../interfaces/IVoyageReport\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useVoyageSimpleReportProvider } from \"../../../contextHooks/VoyageSimpleReportContext\";\r\nimport { TimezoneTypes } from \"../../../_enums/TimezoneTypes\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n\r\n    .vr-link {\r\n        color: #4177bf;\r\n        cursor: pointer;\r\n        padding: 0 4px 1px;\r\n        margin: 0 -4px -1px;\r\n        height: fit-content;\r\n\r\n        :hover {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            border-radius: 2px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst NoReport = styled.div`\r\n    padding: 0 5px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion \r\n\r\nexport const VoyageSimpleReport = () => {\r\n    const [report, setReport] = useState<IVoyageReport | undefined>();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { app } = useAppContext();\r\n    const { selectedConsumptionGroups, selectedCargoPorts, selectedPortCalls, setSelectedCargoPorts, setSelectedPortCalls, setSelectedConsumptionGroups, useCalculatedRobEnd } = useVoyageSimpleReportProvider();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { report: r, isValidating } = useVoyageReport(id);\r\n    const { portCalls } = useVoyageReportPortCalls(report?.voyage.id);\r\n    const { getError } = useRest();\r\n    const history = useNavigate();\r\n\r\n    const downloadReport = async (format: \"docx\" | \"pdf\") => {\r\n        let usePortTimeZone = true;\r\n        if (app.me.settings && app.me.settings.timezoneType) {\r\n            if (app.me.settings.timezoneType !== TimezoneTypes.Port) {\r\n                usePortTimeZone = false;\r\n            }\r\n        }\r\n\r\n        app.setAppMessage({\r\n            text: \"Generating voyage report, please wait...\",\r\n            ttl: 15000,\r\n            icon: <FontAwesomeIcon icon={format === \"pdf\" ? faFilePdf : faFileWord} />\r\n        });\r\n\r\n        try {\r\n            let base64string = await app.api.downloadVoyageReport(\r\n                id,\r\n                format,\r\n                useCalculatedRobEnd,\r\n                selectedPortCalls,\r\n                selectedCargoPorts,\r\n                selectedConsumptionGroups,\r\n                usePortTimeZone,\r\n                resolveTimeZone()\r\n            );\r\n\r\n            let tResult = triggerDownload(base64string, `Voyage report ${report?.voyage.voyageNumber}.${format}`);\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n\r\n            app.setAppMessage({\r\n                text: \"Voyage report downloaded\",\r\n                icon: <FontAwesomeIcon icon={format === \"pdf\" ? faFilePdf : faFileWord} />\r\n            });\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n    }\r\n\r\n    const selectPortCalls = () => {\r\n        if (!report || !report.portCalls) {\r\n            return;\r\n        }\r\n\r\n        let arrivedPortCalls = report.portCalls.filter(_ => _.arrived);\r\n        setSelectedPortCalls(arrivedPortCalls.map(_ => _.id));\r\n\r\n        let cargoPortIds: number[] = [];\r\n        arrivedPortCalls.forEach(pc => {\r\n            cargoPortIds = cargoPortIds.concat(pc.cargos ? pc.cargos.map(_ => _.cargoPortId!) : []);\r\n        });\r\n        setSelectedCargoPorts(cargoPortIds);\r\n    }\r\n\r\n    const selectAllConsumptionTotals = () => {\r\n        if (!report || !report.consumptionTotals) {\r\n            return;\r\n        }\r\n        setSelectedConsumptionGroups(report.consumptionTotals.filter(_ => _.fuel).map(_ => _.fuel!.id));\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (r) {\r\n            setReport(r);\r\n        }\r\n    }, [r])\r\n\r\n    useEffect(() => {\r\n        if (report && portCalls) {\r\n            setReport({ ...report, portCalls: portCalls });\r\n        }\r\n    }, [portCalls])\r\n\r\n    useEffect(() => {\r\n        if (report) {\r\n            selectAllConsumptionTotals();\r\n            if (report.portCalls) {\r\n                selectPortCalls();\r\n            }\r\n        }\r\n    }, [report])\r\n\r\n    return (\r\n        <ContentPage working={isValidating && !report}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Back\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        onClick: () => history(-1)\r\n                    },\r\n                    {\r\n                        title: \"Download word report\",\r\n                        icon: <FontAwesomeIcon icon={faFileWord} />,\r\n                        onClick: () => downloadReport(\"docx\"),\r\n                        disabled: !report\r\n                    },\r\n                    {\r\n                        title: \"Download pdf report\",\r\n                        icon: <FontAwesomeIcon icon={faFilePdf} />,\r\n                        onClick: () => downloadReport(\"pdf\"),\r\n                        disabled: !report\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"voyages\",\r\n                            title: \"voyages\",\r\n                            url: \"/voyages\"\r\n                        },\r\n                        {\r\n                            id: report ? report.voyage.voyageNumber.toString() : \"?\",\r\n                            title: report ? `${report.voyage.vessel.name} - ${report.voyage.voyageNumber}` : \"?\",\r\n                            url: `/voyages/${report?.voyage.id}/edit`\r\n                        },\r\n                        {\r\n                            id: \"report\",\r\n                            title: \"report\",\r\n                            url: `/voyages/${report?.voyage.voyageNumber}/report`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    Voyage report\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    {report\r\n                        ?\r\n                        <>\r\n                            <VoyageReportInfo r={report} />\r\n                            <VoyageReportData r={report} />\r\n                            <VoyageReportPortCalls portCalls={report.portCalls} />\r\n                        </>\r\n                        :\r\n                        <NoReport>\r\n                            No report has been created for this voyage yet.\r\n                        </NoReport>\r\n                    }\r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IVoyageReport } from \"../../interfaces/IVoyageReport\";\r\n\r\nexport const useVoyageReport = (voyageId: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/voyages/${voyageId}/report`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n    });\r\n\r\n    let report: IVoyageReport | undefined = data;\r\n\r\n    return { report, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPortCall } from \"../../interfaces/IPortCall\";\r\n\r\nexport const useVoyageReportPortCalls = (voyageId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(voyageId ? `/voyages/${voyageId}/report/portCalls` : null, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n    });\r\n\r\n    let portCalls: IPortCall[] | undefined = data;\r\n\r\n    return { portCalls, error, isValidating, mutate };\r\n};","import GoogleMapReact from 'google-map-react';\r\n\r\nexport const MapOptionsLightGrayBlue: GoogleMapReact.MapOptions = {\r\n    // gestureHandling: \"cooperative\",\r\n    maxZoom: 20,\r\n    minZoom: 3,\r\n    streetViewControl: false,\r\n    // mapTypeControl: true,\r\n    // mapTypeControlOptions: {\r\n    //     style: 2,\r\n    //     position: 3\r\n    // },\r\n    fullscreenControl: true,\r\n    fullscreenControlOptions: {\r\n        position: 9\r\n    },\r\n    zoomControl: true,\r\n\r\n    styles: [\r\n        {\r\n            \"featureType\": \"administrative\",\r\n            \"elementType\": \"labels.text.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#444444\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"landscape\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#f2f2f2\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"poi\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"visibility\": \"off\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"saturation\": -100\r\n                },\r\n                {\r\n                    \"lightness\": 45\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"visibility\": \"simplified\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.highway\",\r\n            \"elementType\": \"geometry.fill\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#ffffff\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"road.arterial\",\r\n            \"elementType\": \"labels.icon\",\r\n            \"stylers\": [\r\n                {\r\n                    \"visibility\": \"off\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"transit\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"visibility\": \"off\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            \"featureType\": \"water\",\r\n            \"elementType\": \"all\",\r\n            \"stylers\": [\r\n                {\r\n                    \"color\": \"#dde6e8\"\r\n                },\r\n                {\r\n                    \"visibility\": \"on\"\r\n                }\r\n            ]\r\n        }\r\n    ]\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { MapOptionsLightGrayBlue } from \"../../../map/MapOptionsLightGrayBlue\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { IPortCall, IPortCallExtended } from \"../../../../interfaces/IPortCall\";\r\nimport { PortCallStatus } from \"../../../../_enums/PortCallStatus\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Map from \"../../../map/Map\";\r\nimport { useAis } from \"../../../../api/hooks/useVesselsLive\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n     position: relative;\r\n\r\n     .header {\r\n        position: absolute;\r\n        font-size: 14px;\r\n        z-index: 1;\r\n        width: 100%;\r\n        background-image: linear-gradient(#f1f1f1 20%, transparent);\r\n\r\n        >div {\r\n            margin-left: 30px;\r\n            border: 1px solid #ddd;\r\n            border-bottom: none;\r\n            padding: 10px 20px 0;\r\n            width: fit-content;\r\n            border-radius: 4px 4px 0 0;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Marker = styled.div < { status: PortCallStatus }>`\r\n    background-color: ${_ => _.status === PortCallStatus.Finished\r\n        ? \"#4177bf\"\r\n        : _.status === PortCallStatus.Active\r\n            ? \"#000076\"\r\n            : \"#777\"\r\n    };\r\n\r\n    color: white;\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-shadow: 0 0 4px #333;\r\n    transition: box-shadow .25s ease;\r\n    opacity: 1;\r\n    animation-name: ${_ => _.status === PortCallStatus.Active ? \"blink2\" : undefined};\r\n    animation-duration: 4s;\r\n    animation-iteration-count: infinite;\r\n\r\n    @keyframes blink2 {\r\n        60% {\r\n            opacity : 1\r\n        }\r\n        80% {\r\n            opacity : 0.25\r\n        }\r\n        100% {\r\n            opacity : 1\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        box-shadow: 0 0 20px #666;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const VoyageReportMap = () => {\r\n    const { voyageReport } = useVoyageReportProvider();\r\n    const [pcs, setPcs] = useState<IPortCallExtended[] | undefined>();\r\n    // const { ais } = useAis(true, voyageReport?.start, voyageReport?.voyage?.vessel.id, 10000);\r\n\r\n    useEffect(() => {\r\n        if (voyageReport?.portCalls && voyageReport.portCalls.length > 0) {\r\n            setPcs(voyageReport.portCalls);\r\n        }\r\n    }, [voyageReport])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div>\r\n                    Portcalls map\r\n                </div>\r\n            </div>\r\n            <Map\r\n                mapStyle={MapOptionsLightGrayBlue}\r\n                // maxDefaultZoom={16}\r\n                // markers={pcs?.map(_ => {\r\n                //     return ({\r\n                //         lat: _.port!.latitude,\r\n                //         lng: _.port!.longitude\r\n                //     });\r\n                // })}\r\n\r\n                // route={ais?.map(_ => {\r\n                //     return {\r\n                //         lat: _.lat,\r\n                //         lng: _.lng\r\n                //     }\r\n                // })}\r\n            >\r\n                {pcs?.map((pc, index) => {\r\n                    return (\r\n                        <MapMarker\r\n                            key={`MapMarkerPortCall_${pc.id} `}\r\n                            sequence={index + 1}\r\n                            portCall={pc}\r\n                            lat={pc.port!.latitude}\r\n                            lng={pc.port!.longitude}\r\n                        />\r\n                    );\r\n                })}\r\n            </Map>\r\n        </Container>\r\n    );\r\n};\r\n\r\nconst MapMarker: React.FC<{ portCall: IPortCall, sequence: number, lat: number, lng: number }> = ({ portCall, sequence }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const history = useNavigate();\r\n\r\n    const getStatus = () => {\r\n        // if (portCall.arrived) {\r\n        //     if (portCall.departed) {\r\n        //         return PortCallStatus.Finished;\r\n        //     }\r\n        //     return PortCallStatus.Active;\r\n        // }\r\n        // return PortCallStatus.Scheduled;\r\n\r\n        return PortCallStatus.Finished;\r\n    }\r\n\r\n    return (\r\n        <Marker status={getStatus()} title={`Details for ${toCapitalLetters(portCall.port?.name)}`} onClick={() => history(`/portcalls/${portCall.id}`)}>\r\n            <div>\r\n                {sequence}\r\n            </div>\r\n        </Marker>\r\n    );\r\n};","import { faGlobeEurope, faPlay, faRuler, faShip, faStop, faTint, faTintSlash, faWater } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { Detail } from \"../../../../blocks/detail/Detail\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: -18px 16px -18px 16px;\r\n\r\n    >div {\r\n        margin: 10px 16px;\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportDetails = () => {\r\n    const { app } = useAppContext();\r\n    const { getDurationString } = useDateFunctions();\r\n    const { reportSettings, voyageReport } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const [robStart, setRobStart] = useState(\"-\");\r\n    const [robEnd, setRobEnd] = useState(\"-\");\r\n\r\n    const calculateRob = () => {\r\n        if (voyageReport?.voyageStartReport?.tankRobs && voyageReport?.voyageStartReport?.tankRobs.length > 0) {\r\n            const sum = voyageReport.voyageStartReport.tankRobs?.reduce((sum, current) => sum + (current.totalRob ? current.totalRob : 0), 0);\r\n            setRobStart(`${sum?.toLocaleString()} MT`)\r\n        }\r\n        else if (voyageReport?.voyageStartReport?.robs && voyageReport?.voyageStartReport?.robs.length > 0) {\r\n            const sum = voyageReport.voyageStartReport.robs?.reduce((sum, current) => sum + (current.qty ? current.qty : 0), 0);\r\n            setRobStart(`${sum?.toLocaleString()} MT`)\r\n        }\r\n        else {\r\n            setRobStart(\"-\")\r\n        }\r\n\r\n        if (voyageReport?.voyageEndReport?.tankRobs && voyageReport?.voyageEndReport?.tankRobs.length > 0) {\r\n            const sum = voyageReport.voyageEndReport.tankRobs?.reduce((sum, current) => sum + (current.totalRob ? current.totalRob : 0), 0);\r\n            setRobEnd(`${sum?.toLocaleString()} MT`)\r\n        }\r\n        else if (voyageReport?.voyageEndReport?.robs && voyageReport?.voyageEndReport?.robs.length > 0) {\r\n            const sum = voyageReport.voyageEndReport.robs?.reduce((sum, current) => sum + (current.qty ? current.qty : 0), 0);\r\n            setRobEnd(`${sum?.toLocaleString()} MT`)\r\n        }\r\n        else {\r\n            setRobEnd(\"-\")\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        calculateRob();\r\n    }, [voyageReport, reportSettings])\r\n\r\n    if (!voyageReport?.voyage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Detail\r\n                desc=\"Vessel\"\r\n                value={toCapitalLetters(voyageReport.voyage.vessel.name)}\r\n                icon={<FontAwesomeIcon icon={faShip} />}\r\n            />\r\n            <Detail\r\n                desc=\"Ballast port\"\r\n                value={voyageReport.voyage.ballastPortCall ? toCapitalLetters(voyageReport.voyage.ballastPortCall.port?.name) : \"-\"}\r\n                icon={<FontAwesomeIcon icon={faGlobeEurope} />}\r\n            />\r\n            <Detail\r\n                desc=\"Start\"\r\n                value={<DateString title={resolveTimeZone(voyageReport.voyageStartReport?.portCall?.port?.timeZone)} date={voyageReport.start} timeZone={resolveTimeZone(voyageReport.voyageStartReport?.portCall?.port?.timeZone)} short />}\r\n                icon={<FontAwesomeIcon icon={faPlay} />}\r\n            />\r\n            <Detail\r\n                desc=\"End\"\r\n                value={<DateString title={resolveTimeZone(voyageReport.voyageEndReport?.portCall?.port?.timeZone)} date={voyageReport.end} timeZone={resolveTimeZone(voyageReport.voyageEndReport?.portCall?.port?.timeZone)} short />}\r\n                icon={<FontAwesomeIcon icon={faStop} />}\r\n            />\r\n            <Detail\r\n                color=\"#4177bf\"\r\n                desc=\"Duration\"\r\n                value={voyageReport.duration > 0 ? getDurationString(voyageReport.duration) : \"-\"}\r\n                title=\"Sum of all completed legs\"\r\n                icon={<FontAwesomeIcon icon={faWater} />}\r\n            />\r\n            <Detail\r\n                desc=\"Distance\"\r\n                value={voyageReport.distance > 0 ? `${voyageReport.distance.toLocaleString()} NM` : \"-\"}\r\n                title=\"Sum distance sailed in port and at sea\"\r\n                icon={<FontAwesomeIcon icon={faRuler} />}\r\n            />\r\n\r\n            <Detail\r\n                color=\"#4177bf\"\r\n                desc=\"Rob start\"\r\n                value={robStart}\r\n                icon={<FontAwesomeIcon icon={faTint} />}\r\n            />\r\n            <Detail\r\n                color=\"#4177bf\"\r\n                desc=\"Reported Rob end\"\r\n                value={robEnd}\r\n                icon={<FontAwesomeIcon icon={faTintSlash} />}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { ILegWithTotals } from \"../../../../interfaces/ILeg\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { VoyageReportTotalsType } from \"../../../../_enums/VoyageReportTotalsType\";\r\nimport { Badge } from \"../../../../blocks/badge/Badge\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    margin: 30px 30px 0;\r\n    box-shadow: 0 -10px 10px -10px #ddd;\r\n\r\n    .header {\r\n        background-color: #fafafa;\r\n        border: 1px solid #ddd;\r\n        padding: 10px 20px;\r\n        border-radius: 4px 4px 0 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .body {\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;  \r\n    }\r\n\r\n    .link {\r\n        :hover {\r\n            color: #4177bf;\r\n            text-decoration: underline;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Sequence = styled.div<{ isBallast: boolean }>`\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-left: 10px;\r\n\r\n    >div {\r\n        background-color: ${_ => _.isBallast ? \"#32ad5b\" : \"#4177bf\"};\r\n        color: white;\r\n        width: 28px;\r\n        height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n    }\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n\r\nconst DurationItem = styled.div`\r\n    height: 100%;\r\n    max-width: 200px;\r\n    align-items: center;\r\n    display: grid;\r\n    grid-template-columns: 12px minmax(10px, auto) auto minmax(10px, auto) 12px;\r\n\r\n    .dot {\r\n        height: 12px;\r\n        background-color: #4177bf;\r\n        border-radius: 50%;\r\n    }\r\n\r\n    .line {\r\n        height: 2px;\r\n        background-color: #4177bf;\r\n    }\r\n\r\n    .duration {\r\n        display: flex;\r\n        justify-content: center;\r\n        padding: 0 8px;\r\n    }\r\n`;\r\n\r\nconst Blue = styled.span`\r\n    color: #4177bf;\r\n    text-decoration: underline;\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportLegs = () => {\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { voyageReport, reportSettings } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getDurationString, resolveTimeZone } = useDateFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"sequence\",\r\n            gridCellWidth: \"50px\",\r\n            noPadding: true,\r\n            render: (leg: ILegWithTotals) => {\r\n                return (\r\n                    <Sequence isBallast={leg.isBallast}>\r\n                        <div>\r\n                            {leg.isBallast ? \"B\" : leg.sequence}\r\n                        </div>\r\n                    </Sequence>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"from\",\r\n            render: (leg: ILegWithTotals) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <span\r\n                                className=\"link\"\r\n                                onClick={() => history(`/portcalls/${leg.from?.id}`)}\r\n                            >\r\n                                {toCapitalLetters(leg.from?.port?.name)}\r\n                            </span>\r\n                        </div>\r\n                        <div>\r\n                            From {leg.from.isNextVoyage ? <span>| <Blue>v.{voyageReport?.nextVoyage?.voyageNumber}</Blue></span> : \"\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"start\",\r\n            render: (leg: ILegWithTotals) => {\r\n                let tz = resolveTimeZone(leg.from.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <DateString title={tz} date={leg.start} short timeZone={tz} />\r\n                        </div>\r\n                        <div>\r\n                            {reportSettings?.totalsType === VoyageReportTotalsType.EospAndSosp ? \"SOSP\" : \"Departed berth\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"duration\",\r\n            gridCellWidth: \"minmax(150px, auto)\",\r\n            render: (leg: ILegWithTotals) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DurationItem>\r\n                            <div className=\"dot\" />\r\n                            <div className=\"line\" />\r\n                            <div className=\"duration\">\r\n                                {getDurationString(leg.duration)}\r\n                            </div>\r\n                            <div className=\"line\" style={{ backgroundColor: leg.to.arrived ? undefined : \"#ccc\" }} />\r\n                            <div className=\"dot\" style={{ backgroundColor: leg.to.arrived ? undefined : \"#ccc\" }} />\r\n                        </DurationItem>\r\n                        <div style={{ textAlign: \"center\", maxWidth: \"200px\" }}>\r\n                            Duration\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                return <div style={{ textAlign: \"center\", maxWidth: \"200px\" }}>{voyageReport?.durationAtSea ? `${getDurationString(voyageReport.durationAtSea).toLocaleString()}` : \"-\"}</div>;\r\n            }\r\n        },\r\n        {\r\n            key: \"end\",\r\n            render: (leg: ILegWithTotals) => {\r\n                let tz = resolveTimeZone(leg.to.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <DateString title={tz} date={leg.end} short timeZone={tz} />\r\n                        </div>\r\n                        <div>\r\n                            {reportSettings?.totalsType === VoyageReportTotalsType.EospAndSosp ? \"EOSP\" : \"Arrived berth\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"to\",\r\n            render: (leg: ILegWithTotals) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <span\r\n                                className=\"link\"\r\n                                onClick={() => history(`/portcalls/${leg.to?.id}`)}\r\n                            >\r\n                                {toCapitalLetters(leg.to?.port?.name)}\r\n                            </span>\r\n                        </div>\r\n                        <div>\r\n                            To {leg.to.isNextVoyage ? <span>| <Blue>v.{voyageReport?.nextVoyage?.voyageNumber}</Blue></span> : \"\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"consumption\",\r\n            render: (leg: ILegWithTotals) => {\r\n                const sum = leg.consumption?.reduce((sum, current) => sum + current.total, 0);\r\n\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {sum ? `${sum.toLocaleString()} MT` : \"-\"}\r\n                        </div>\r\n                        <div>\r\n                            Consumption\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.legs?.reduce((sumLegs, currentLeg) => {\r\n                    const sumLeg = currentLeg.consumption?.reduce((sumLeg, currentConsumption) => sumLeg + currentConsumption.total, 0);\r\n                    return sumLegs + (sumLeg ? sumLeg : 0)\r\n                }, 0);\r\n                return sum ? `${sum.toLocaleString()} MT` : \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"distance\",\r\n            render: (leg: ILegWithTotals) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {leg.distance ? `${leg.distance} NM` : \"-\"}\r\n                        </div>\r\n                        <div>\r\n                            Distance\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.legs?.reduce((sum, current) => sum + (current.distance ? current.distance : 0), 0);\r\n                return sum ? `${sum.toLocaleString()} NM` : \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"noxDistance\",\r\n            exclude: voyageReport?.legs && voyageReport.legs.filter(_ => !_.isNox).length === 0,\r\n            gridCellWidth: \"120px\",\r\n            render: (leg: ILegWithTotals) => {\r\n                if (leg.isNox) {\r\n                    return (\r\n                        <Badge\r\n                            text=\"NOX\"\r\n                            backgroundColor=\"#4177bf\"\r\n                            color=\"white\"\r\n                        />\r\n                    );\r\n                };\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.legs?.filter(_ => _.isNox).reduce((sum, current) => sum + (current.distance ? current.distance : 0), 0);\r\n                return sum ? `${sum.toLocaleString()} NM` : \"-\";\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                Legs\r\n            </div>\r\n            <div className=\"body\">\r\n                <AppGridTable\r\n                    noDataMessage=\"No leg data available\"\r\n                    cellPadding=\"11px 20px\"\r\n                    columns={columns}\r\n                    data={voyageReport?.legs}\r\n                    summaryRow={true}\r\n                    backgroundColor=\"white\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { CSSProperties, css } from \"styled-components\";\r\nimport { IPortCall, IPortCallExtended } from \"../../../../interfaces/IPortCall\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { VoyageReportTotalsType } from \"../../../../_enums/VoyageReportTotalsType\";\r\nimport { ILogReport } from \"../../../../interfaces/ILogReport\";\r\nimport { IVoyageStandardReport } from \"../../../../interfaces/IVoyageStandardReport\";\r\nimport { useSettings } from \"../../../../hooks/useSettings\";\r\nimport { VoyageReportItemCallOut } from \"./VoyageReportItemCallOut\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 -10px 10px -10px #ddd;\r\n\r\n    .header {\r\n        background-color: #fafafa;\r\n        border: 1px solid #ddd;\r\n        padding: 10px 20px;\r\n        border-radius: 4px 4px 0 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .body {\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        flex-grow: 1;\r\n        max-height: 350px;\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst Sequence = styled.div<{ isBallast: boolean }>`\r\n    height: 100%;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-left: 10px;\r\n\r\n    >div {\r\n        background-color: ${_ => _.isBallast ? \"#32ad5b\" : \"#4177bf\"};\r\n        color: white;\r\n        width: 28px;\r\n        height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n    }\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n\r\nconst Reports = styled.div`\r\n    display: flex;\r\n    margin: 0 -4px;\r\n    align-items: center;\r\n`;\r\n\r\nconst Report = styled.div<{ ok: boolean, highlighted?: boolean }>`\r\n    margin: 0 4px;    \r\n    background-color: ${_ => _.ok ? \"#32ad5b\" : \"#ddd\"};\r\n    color: ${_ => _.ok ? \"white\" : \"#333\"};\r\n    min-width: 18px;\r\n    max-width: 18px;\r\n    height: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 50%;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n\r\n    ${_ => _.highlighted\r\n        ? css`\r\n            background-color: #4177bf;\r\n        `\r\n        : undefined\r\n    } \r\n`;\r\n\r\nconst Blue = styled.span`\r\n    color: #4177bf;\r\n    text-decoration: underline;\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportPortCalls = () => {\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { reportSettings, voyageReport } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getDurationString, resolveTimeZone } = useDateFunctions();\r\n\r\n    const isExcludedCss: CSSProperties = {\r\n        color: \"#ccc\",\r\n        textDecoration: \"line-through\"\r\n    };\r\n\r\n    const reporIstHighlighted = (voyageReport?: IVoyageStandardReport, portCallReport?: ILogReport) => {\r\n        if (voyageReport && voyageReport.voyageStartReport && portCallReport && voyageReport.voyageStartReport.id === portCallReport.id) {\r\n            return true;\r\n        }\r\n        else if (voyageReport && voyageReport.voyageEndReport && portCallReport && voyageReport.voyageEndReport.id === portCallReport.id) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"sequence\",\r\n            gridCellWidth: \"50px\",\r\n            noPadding: true,\r\n            render: (portCall: IPortCallExtended) => {\r\n                return (\r\n                    <Sequence isBallast={portCall.voyageSequence === 0}>\r\n                        <div>\r\n                            {portCall.voyageSequence === 0 ? \"B\" : portCall.voyageSequence}\r\n                        </div>\r\n                    </Sequence>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"port\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <span\r\n                                className=\"link\"\r\n                                onClick={() => history(`/portcalls/${portCall.id}`)}\r\n                            >\r\n                                {toCapitalLetters(portCall.port?.name)}\r\n                            </span>\r\n                        </div>\r\n                        <div>\r\n                            Port {portCall.isNextVoyage ? <span>| <Blue>v.{voyageReport?.nextVoyage?.voyageNumber}</Blue></span> : \"\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            gridCellWidth: \"136px\",\r\n            key: \"reports\",\r\n            render: (pc: IPortCallExtended) => {\r\n                return (\r\n                    <Reports>\r\n                        <Report\r\n                            highlighted={reporIstHighlighted(voyageReport, pc.eospReport)}\r\n                            style={{ cursor: pc.eospReport ? \"pointer\" : \"default\" }}\r\n                            ok={pc.eospReport ? true : false}\r\n                            title={pc.eospReport ? \"Eosp report registered\" : \"Eosp report not registered\"}\r\n                            onClick={ev => {\r\n                                ev.stopPropagation();\r\n                                if (pc.eospReport) {\r\n                                    history(`/reports/log/${pc.eospReport.id}`);\r\n                                }\r\n                            }}\r\n                        >\r\n                            E\r\n                        </Report>\r\n                        <Report\r\n                            highlighted={reporIstHighlighted(voyageReport, pc.firstBerthArrivalReport)}\r\n                            style={{ cursor: pc.firstBerthArrivalReport ? \"pointer\" : \"default\" }}\r\n                            ok={pc.firstBerthArrivalReport ? true : false}\r\n                            title={pc.firstBerthArrivalReport ? \"Arrival report registered\" : \"Arrival report not registered\"}\r\n                            onClick={ev => {\r\n                                ev.stopPropagation();\r\n                                if (pc.firstBerthArrivalReport) {\r\n                                    history(`/reports/log/${pc.firstBerthArrivalReport.id}`);\r\n                                }\r\n                            }}\r\n                        >\r\n                            A\r\n                        </Report>\r\n                        <Report\r\n                            highlighted={reporIstHighlighted(voyageReport, pc.lastBerthDepartureReport)}\r\n                            style={{ cursor: pc.lastBerthDepartureReport ? \"pointer\" : \"default\" }}\r\n                            ok={pc.lastBerthDepartureReport ? true : false}\r\n                            title={pc.lastBerthDepartureReport ? \"Departure report registered\" : \"Departure report not registered\"}\r\n                            onClick={ev => {\r\n                                ev.stopPropagation();\r\n                                if (pc.lastBerthDepartureReport) {\r\n                                    history(`/reports/log/${pc.lastBerthDepartureReport.id}`);\r\n                                }\r\n                            }}\r\n                        >\r\n                            D\r\n                        </Report>\r\n                        <Report\r\n                            highlighted={reporIstHighlighted(voyageReport, pc.sospReport)}\r\n                            style={{ cursor: pc.sospReport ? \"pointer\" : \"default\" }}\r\n                            ok={pc.sospReport ? true : false}\r\n                            title={pc.sospReport ? \"Sosp report registered\" : \"Sosp report not registered\"}\r\n                            onClick={ev => {\r\n                                ev.stopPropagation();\r\n                                if (pc.sospReport) {\r\n                                    history(`/reports/log/${pc.sospReport.id}`);\r\n                                }\r\n                            }}\r\n                        >\r\n                            S\r\n                        </Report>\r\n                    </Reports>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"start\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                let tz = resolveTimeZone(portCall.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <DateString title={tz} date={portCall.start} short timeZone={tz} />\r\n                        </div>\r\n                        <div>\r\n                            {reportSettings?.totalsType === VoyageReportTotalsType.EospAndSosp ? \"Eosp\" : \"Arrived berth\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"duration\",\r\n            gridCellWidth: \"minmax(0, auto)\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                let duration = \"-\";\r\n                let desc = \"Duration\"\r\n\r\n                if (portCall.arrived) {\r\n                    if (portCall.departed) {\r\n                        duration = getDurationString(portCall.duration)\r\n                    }\r\n                    else {\r\n                        duration = getDurationString(portCall.duration);\r\n                        desc = \"Current duration\"\r\n                    }\r\n                }\r\n                return (\r\n                    <ItemWithDesc style={!portCall.includeInVoyageTotals ? isExcludedCss : undefined}>\r\n                        <div>\r\n                            {duration}\r\n                        </div>\r\n                        <div>\r\n                            {desc}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                return voyageReport?.durationInPort ? `${getDurationString(voyageReport.durationInPort).toLocaleString()}` : \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"end\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                let tz = resolveTimeZone(portCall.port?.timeZone);\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <DateString title={tz} date={portCall.end} short timeZone={tz} />\r\n                        </div>\r\n                        <div>\r\n                            {reportSettings?.totalsType === VoyageReportTotalsType.EospAndSosp ? \"SOSP\" : \"Departed berth\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"consumption\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                const sum = portCall.consumption?.reduce((sum, current) => sum + current.total, 0);\r\n\r\n                return (\r\n                    <ItemWithDesc style={!portCall.includeInVoyageTotals ? isExcludedCss : undefined}>\r\n                        <div>\r\n                            {sum ? `${sum.toLocaleString()} MT` : \"-\"}\r\n                        </div>\r\n                        <div>\r\n                            Consumption\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.portCalls?.filter(_ => _.includeInVoyageTotals).reduce((sumPortCalls, currentPortCall) => {\r\n                    const sumPortCall = currentPortCall.consumption?.reduce((sumPortCall, currentConsumption) => sumPortCall + currentConsumption.total, 0);\r\n                    return sumPortCalls + (sumPortCall ? sumPortCall : 0)\r\n                }, 0);\r\n                return sum ? `${sum.toLocaleString()} MT` : \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"distance\",\r\n            render: (portCall: IPortCallExtended) => {\r\n                return (\r\n                    <ItemWithDesc style={!portCall.includeInVoyageTotals ? isExcludedCss : undefined}>\r\n                        <div>\r\n                            {portCall.distance ? `${portCall.distance.toLocaleString()} NM` : \"-\"}\r\n                        </div>\r\n                        <div>\r\n                            Distance\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                return voyageReport?.distanceInPort ? `${voyageReport.distanceInPort.toLocaleString()} NM` : \"-\";\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                Portcalls\r\n            </div>\r\n            <div className=\"body\">\r\n                <AppGridTable\r\n                    noDataMessage=\"No portcalls available\"\r\n                    cellPadding=\"12px 20px 10px\"\r\n                    columns={columns}\r\n                    data={voyageReport?.portCalls}\r\n                    rowClick={(pc: IPortCall) => history(`/portcalls/${pc.id}`)}\r\n                    summaryRow\r\n                    backgroundColor=\"white\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IBunkerDeliveryNote } from \"../../../../interfaces/IBunkerDeliveryNote\";\r\nimport { IBunkerDeliveryNoteItem } from \"../../../../interfaces/IBunkerDeliveryNoteItem\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 -10px 10px -10px #ddd;\r\n\r\n    .header {\r\n        background-color: #fafafa;\r\n        border: 1px solid #ddd;\r\n        padding: 10px 20px;\r\n        border-radius: 4px 4px 0 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .body {\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        flex-grow: 1;\r\n        max-height: 350px;\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportBunker: React.FC<{twoRows: boolean}> = ({twoRows}) => {\r\n    const history = useNavigate();\r\n    const { voyageReport } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n\r\n    const bdnItemColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"fuel.name\",\r\n        },\r\n        {\r\n            key: \"delivered\",\r\n            render: (bdnItem: IBunkerDeliveryNoteItem) => {\r\n                return (\r\n                    <div style={{ textAlign: \"right\" }}>\r\n                        {/* When debunkering, the sign is flipped */}\r\n                        {bdnItem && bdnItem.delivered && (bdnItem.isDebunkering ? (-1 * bdnItem.delivered) : bdnItem.delivered)?.toLocaleString()} MT\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"dateTime\",\r\n            render: (bdn: IBunkerDeliveryNote) => {\r\n                let tz = resolveTimeZone(bdn.portCall?.port?.timeZone);\r\n\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DateString title={tz} date={bdn.commenced} short dateOnly timeZone={tz} />\r\n                        <div>\r\n                            Date\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"port\",\r\n            render: (bdn: IBunkerDeliveryNote) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            <span className=\"link\" onClick={() => history(`/portcalls/${bdn.portCall?.id}`)}>{toCapitalLetters(bdn.portCall?.port?.name)}</span>\r\n                        </div>\r\n                        <div>\r\n                            Port\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"items\",\r\n            render: (bdn: IBunkerDeliveryNote) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <AppGridTable\r\n                            cellPadding=\"0 15px 6px\"\r\n                            columns={bdnItemColumns}\r\n                            data={bdn.items}\r\n                            hideRowDivider\r\n                        />\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.bunkerDeliveryNotes?.reduce((sumBdns, currentBdn) => {\r\n                    const sumItem = currentBdn.items?.reduce((sumItem, currentBdnItem) => sumItem + (currentBdnItem.delivered ? currentBdnItem.isDebunkering ? -currentBdnItem.delivered : currentBdnItem.delivered : 0), 0);\r\n                    return sumBdns + (sumItem ? sumItem : 0)\r\n                }, 0);\r\n                \r\n                return (\r\n                    <div style={{ textAlign: \"right\", paddingRight: \"15px\" }}>\r\n                        {sum ? sum.toLocaleString() : \"-\"} MT\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container className={twoRows ? \"two-rows\" : \"\"}>\r\n            <div className=\"header\">\r\n                Bunker delivery notes\r\n            </div>\r\n            <div className=\"body\">\r\n                <AppGridTable\r\n                    noDataMessage=\"No bunker data available\"\r\n                    cellPadding=\"12px 0 10px 20px\"\r\n                    columns={columns}\r\n                    data={voyageReport?.bunkerDeliveryNotes}\r\n                    rowClick={(bdn: IBunkerDeliveryNote) => history(`/reports/bdn/${bdn.id}`)}\r\n                    summaryRow\r\n                    backgroundColor=\"white\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { ILogReport } from \"../../../../interfaces/ILogReport\";\r\nimport { LogReportType } from \"../../../../_enums/LogReportType\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 -10px 10px -10px #ddd;\r\n\r\n    .header {\r\n        background-color: #fafafa;\r\n        border: 1px solid #ddd;\r\n        padding: 10px 20px;\r\n        border-radius: 4px 4px 0 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .body {\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        flex-grow: 1;\r\n        max-height: 350px;\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportLogReports = () => {\r\n    const history = useNavigate();\r\n    const { voyageReport } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"dateTime\",\r\n            render: (r: ILogReport) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DateString date={r.dateAndTime} short dateOnly timeZone={resolveTimeZone(r.portCall?.port?.timeZone)} />\r\n                        <div>\r\n                            Date\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"portOrLeg\",\r\n            render: (r: ILogReport) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {r.portCall\r\n                                ?\r\n                                <span>{toCapitalLetters(r.portCall.port?.name)}</span>\r\n                                :\r\n                                <span>{toCapitalLetters(r.legFrom?.port?.name)} &#8594; {toCapitalLetters(r.legTo?.port?.name)}</span>\r\n                            }\r\n                        </div>\r\n                        <div>\r\n                            {r.portCall ? \"Portcall\" : \"Leg\"}\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"name\",\r\n            render: (r: ILogReport) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {LogReportType[r.type!]}\r\n                        </div>\r\n                        <div>\r\n                            Type\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                Log reports\r\n            </div>\r\n            <div className=\"body\">\r\n                <AppGridTable\r\n                    noDataMessage=\"No log reports available\"\r\n                    cellPadding=\"12px 20px 10px\"\r\n                    columns={columns}\r\n                    data={voyageReport?.logReports}\r\n                    rowClick={(r: ILogReport) => history(`/reports/log/${r.id}`)}\r\n                    backgroundColor=\"white\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Dropdown, PanelType, Toggle } from \"@fluentui/react\";\r\nimport { useVoyageReportProvider } from \"../../../contextHooks/VoyageReportContext\";\r\nimport { VoyageReportCountType } from \"../../../_enums/VoyageReportCountType\";\r\nimport { useEnumFunctions } from \"../../../hooks/useEnumFunctions\";\r\nimport { VoyageReportTotalsType } from \"../../../_enums/VoyageReportTotalsType\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { VoyageReportConsumptionType } from \"../../../_enums/VoyageReportConsumptionType\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 15px 30px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0 10px;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-bottom: 20px;\r\n\r\n        >span {\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n\r\n            :hover {\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n    }\r\n\r\n    .time {\r\n        margin-top: 20px;\r\n\r\n        >div:last-child {\r\n            font-size: 10px;\r\n            letter-spacing: .8px;\r\n            color: #605e5c;\r\n            font-weight: 400;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportPanel: React.FC<{ isOpen: boolean, dismiss: () => void }> = ({ isOpen, dismiss }) => {\r\n    const { reportSettings, setReportSettings } = useVoyageReportProvider();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const history = useNavigate();\r\n\r\n    if (!reportSettings) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>Voyage report</span> settings</span>}\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerButtons={[\r\n                {\r\n                    title: \"Close\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    Default settings are changed under <span onClick={() => history(\"/settings/company\")}>Company settings/misc</span>. Toggle these settings to se changes in calculation in this pecific report.\r\n                </div>\r\n                <InputWithDescription description=\"Start from\" defaultDescription>\r\n                    <Dropdown\r\n                        selectedKey={reportSettings.start}\r\n                        options={convertToKeyValuePair(VoyageReportCountType, [50, 60, 70, 200])}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setReportSettings({ ...reportSettings, start: Number(v.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"End at\" defaultDescription>\r\n                    <Dropdown\r\n                        selectedKey={reportSettings.end}\r\n                        options={convertToKeyValuePair(VoyageReportCountType, [10, 20, 30, 40])}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setReportSettings({ ...reportSettings, end: Number(v.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"In Port and At Sea totals\" defaultDescription>\r\n                    <Dropdown\r\n                        selectedKey={reportSettings.totalsType}\r\n                        options={convertToKeyValuePair(VoyageReportTotalsType)}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setReportSettings({ ...reportSettings, totalsType: Number(v.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"Calculate consumption based on\" defaultDescription>\r\n                    <Dropdown\r\n                        selectedKey={reportSettings.consumptionType}\r\n                        options={convertToKeyValuePair(VoyageReportConsumptionType)}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setReportSettings({ ...reportSettings, consumptionType: Number(v.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useVoyageReportProvider } from \"../../../../contextHooks/VoyageReportContext\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTable } from \"../../../../blocks/appGridTable/AppGridTable\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IFuelCorrection } from \"../../../../interfaces/IFuelCorrection\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    box-shadow: 0 -10px 10px -10px #ddd;\r\n    margin-top: 30px;\r\n\r\n    .header {\r\n        background-color: #fafafa;\r\n        border: 1px solid #ddd;\r\n        padding: 10px 20px;\r\n        border-radius: 4px 4px 0 0;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .body {\r\n        border-radius: 0 0 4px 4px;\r\n        border-left: 1px solid #ddd;\r\n        border-right: 1px solid #ddd;\r\n        flex-grow: 1;\r\n        max-height: 350px;\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst ItemWithDesc = styled.div`\r\n    >div:nth-child(2) {\r\n        color: #aaa;\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportCorrection: React.FC<{twoRows: boolean}> = ({twoRows}) => {\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { voyageReport } = useVoyageReportProvider();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"correctionDate\",\r\n            render: (fuelCorrection: IFuelCorrection) => {\r\n                let tz = resolveTimeZone();\r\n\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <DateString title={tz} date={fuelCorrection.correctionDate} short dateOnly timeZone={tz} />\r\n                        <div>\r\n                            Date\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"fuel.name\",\r\n            render: (fuelCorrection: IFuelCorrection) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div>\r\n                            {fuelCorrection.fuel?.name}   \r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"amount\",\r\n            render: (fuelCorrection: IFuelCorrection) => {\r\n                return (\r\n                    <ItemWithDesc>\r\n                        <div style={{ textAlign: \"right\", padding: \"0 15px 6px\" }}>\r\n                            {/* When debunkering, the sign is flipped */}\r\n                            {fuelCorrection.amount?.toLocaleString() ?? 'N/A'} MT\r\n                        </div>\r\n                    </ItemWithDesc>\r\n                );\r\n            },\r\n            renderSummary: () => {\r\n                const sum = voyageReport?.fuelCorrections?.reduce((sumCorrections, currentCorrection) => {\r\n                    return sumCorrections + currentCorrection.amount;\r\n                }, 0);\r\n                \r\n                return (\r\n                    <div style={{ textAlign: \"right\", paddingRight: \"15px\" }}>\r\n                        {sum ? sum.toLocaleString() : \"-\"} MT\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    if (!voyageReport?.fuelCorrections || voyageReport.fuelCorrections.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container className={twoRows ? \"two-rows\" : \"\"}>\r\n            <div className=\"header\">\r\n                Fuel corrections\r\n            </div>\r\n            <div className=\"body\">\r\n                <AppGridTable\r\n                    noDataMessage=\"No fuel corrections registered\"\r\n                    cellPadding=\"12px 0px 10px 20px\"\r\n                    columns={columns}\r\n                    data={voyageReport?.fuelCorrections}\r\n                    rowClick={(fuelCorrection: IFuelCorrection) => history(`/reports/fuelCorrections/${fuelCorrection.id}`)}\r\n                    summaryRow\r\n                    backgroundColor=\"white\"\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useVoyageReportProvider } from \"../../../contextHooks/VoyageReportContext\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody, IContentPageBodyMessage } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { VoyageReportMap } from \"./modules/VoyageReportMap\";\r\nimport { VoyageReportDetails } from \"./modules/VoyageReportDetails\";\r\nimport { VoyageReportLegs } from \"./modules/VoyageReportLegs\";\r\nimport { VoyageReportPortCalls } from \"./modules/VoyageReportPortCalls\";\r\nimport { VoyageReportBunker } from \"./modules/VoyageReportBunker\";\r\nimport { VoyageReportLogReports } from \"./modules/VoyageReportLogReports\";\r\nimport { useVoyageStandardReport } from \"../../../api/hooks/useVoyageStandardReport\";\r\nimport { faCog, faFileExcel, faFilePdf, faRefresh } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { VoyageReportCountType } from \"../../../_enums/VoyageReportCountType\";\r\nimport { ProgressBar } from \"../../progressBar/ProgressBar\";\r\nimport { VoyageReportPanel } from \"./VoyageReportPanel\";\r\nimport { VoyageReportTotalsType } from \"../../../_enums/VoyageReportTotalsType\";\r\nimport { VoyageReportConsumptionType } from \"../../../_enums/VoyageReportConsumptionType\";\r\nimport { TimezoneTypes } from \"../../../_enums/TimezoneTypes\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { VoyageReportCorrection } from \"./modules/VoyageReportCorrections\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\n\r\n//#region Styled Components\r\nconst Progress = styled.div`\r\n    position: absolute;\r\n    width: 100%;\r\n    z-index: 1;\r\n`;\r\n\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    position: relative;\r\n    display: grid;\r\n    grid-template-rows: fit-content(100%) fit-content(100%) fit-content(100%) minmax(400px, auto);\r\n\r\n    .three-columns {\r\n        display: grid;\r\n        grid-template-columns: 50% 1fr 1fr;\r\n        gap: 30px;\r\n        padding: 30px;\r\n\r\n        .two-rows {\r\n            max-height: 180px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1900px) {\r\n        .three-columns {\r\n            display: grid;\r\n            grid-template-columns: unset;\r\n\r\n            .two-rows {\r\n                max-height: 100%;\r\n            }\r\n\r\n        }\r\n    }\r\n`;\r\n\r\nconst WarningMessages = styled.div`\r\n    >span {\r\n        padding-right: 8px;\r\n    }\r\n\r\n    .link {\r\n        color: #4177bf;\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReportStandard = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { app } = useAppContext();\r\n    const { reportSettings, setReportSettings, setVoyageReport, voyageReport } = useVoyageReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { data: apiVoyageReport, mutate, error, isValidating } = useVoyageStandardReport(id, reportSettings);\r\n    const { getError } = useRest();\r\n    const [downloading, setDownloading] = useState<\"xlsx\" | \"pdf\" | undefined>();\r\n    const [panelOpen, setPanelOpen] = useState(false);\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n\r\n    const downloadReport = async () => {\r\n        let usePortTimeZone = true;\r\n        if (app.me.settings && app.me.settings.timezoneType) {\r\n            if (app.me.settings.timezoneType !== TimezoneTypes.Port) {\r\n                usePortTimeZone = false;\r\n            }\r\n        }\r\n\r\n        app.setAppMessage({\r\n            text: \"Generating voyage report, please wait...\",\r\n            ttl: 15000,\r\n            icon: <FontAwesomeIcon icon={downloading === \"xlsx\" ? faFileExcel : faFilePdf} />\r\n        });\r\n\r\n        try {\r\n            let base64string = await app.api.downloadVoyageStandardReport(\r\n                id,\r\n                downloading!,\r\n                reportSettings!,\r\n                usePortTimeZone,\r\n                resolveTimeZone(),\r\n                companyUsesVoyageReference\r\n            );\r\n\r\n            let tResult = triggerDownload(base64string, `Voyage report ${toCapitalLetters(voyageReport?.voyage?.vessel.name?.replaceAll(\"/\", \"\"))} ${voyageReport?.voyage?.voyageNumber}.${downloading}`);\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n\r\n            app.setAppMessage({\r\n                text: \"Voyage report downloaded\",\r\n                icon: <FontAwesomeIcon icon={downloading === \"xlsx\" ? faFileExcel : faFilePdf} />\r\n            });\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setDownloading(undefined);\r\n    }\r\n\r\n    const getReportStatusMessage = (): IContentPageBodyMessage | undefined => {\r\n        let txts: any[] = [];\r\n\r\n        if (!voyageReport) {\r\n            return undefined;\r\n        }\r\n\r\n        if (!voyageReport.voyageStartReport) {\r\n            txts.push(\"Voyage start report not registered\");\r\n        }\r\n        else if ((!voyageReport.voyageStartReport.robs || voyageReport.voyageStartReport.robs.length === 0) && (!voyageReport.voyageStartReport.tankRobs || voyageReport.voyageStartReport.tankRobs.length === 0)) {\r\n            txts.push(<span><span className=\"link\" onClick={() => history(`/reports/log/${voyageReport.voyageStartReport?.id}`)}>Voyage start report</span> has no ROB entries registered</span>);\r\n        }\r\n\r\n        if (!voyageReport.voyageEndReport) {\r\n            txts.push(\"Voyage end report not registered\");\r\n        }\r\n        else if ((!voyageReport.voyageEndReport.robs || voyageReport.voyageEndReport.robs.length === 0) && (!voyageReport.voyageEndReport.tankRobs || voyageReport.voyageEndReport.tankRobs.length === 0)) {\r\n            txts.push(<span><span className=\"link\" onClick={() => history(`/reports/log/${voyageReport.voyageEndReport?.id}`)}>Voyage end report</span> has no ROB entries registered</span>);\r\n        }\r\n\r\n        if (txts.length > 0) {\r\n            return {\r\n                type: \"warning\",\r\n                content: (\r\n                    <WarningMessages>\r\n                        {txts.map((_, index) => <span key={`WarningMessage_${index}`}>{_}.</span>)}\r\n                    </WarningMessages>\r\n                )\r\n            }\r\n        }\r\n\r\n        return undefined;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (error) {\r\n            getError(error)\r\n                .then(_ => {\r\n                    setErrorMessage(_);\r\n                });\r\n        }\r\n    }, [error])\r\n\r\n    useEffect(() => {\r\n        if (app.currentCustomerRole.customer.voyageReportSettings) {\r\n            setReportSettings(app.currentCustomerRole.customer.voyageReportSettings);\r\n        }\r\n        else {\r\n            setReportSettings({\r\n                start: VoyageReportCountType.BallastPortDeparture,\r\n                end: VoyageReportCountType.LastPortDeparture,\r\n                totalsType: VoyageReportTotalsType.ArrivalFirstBerthAndDepartureLastBerth,\r\n                consumptionType: VoyageReportConsumptionType.RemainingOnBoard\r\n            });\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (apiVoyageReport) {\r\n            setVoyageReport(apiVoyageReport);\r\n        }\r\n    }, [apiVoyageReport])\r\n\r\n    useEffect(() => {\r\n        if (downloading) {\r\n            downloadReport();\r\n        }\r\n    }, [downloading])\r\n\r\n    if (!reportSettings) {\r\n        return (\r\n            <LoadingSpinner text=\"Report settings not found\" hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    if (errorMessage) {\r\n        return (\r\n            <LoadingSpinner text={errorMessage} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <ContentPage working={isValidating && !voyageReport}>\r\n                <Progress>\r\n                    <ProgressBar\r\n                        height=\"2px\"\r\n                        visible={isValidating && voyageReport !== undefined}\r\n                    />\r\n                </Progress>\r\n                <ContentPageHeader\r\n                    actions={[\r\n                        {\r\n                            title: \"Refresh\",\r\n                            icon: <FontAwesomeIcon icon={faRefresh} />,\r\n                            onClick: mutate,\r\n                            disabled: !voyageReport || downloading !== undefined\r\n                        },\r\n                        {\r\n                            title: \"Settings\",\r\n                            icon: <FontAwesomeIcon icon={faCog} />,\r\n                            onClick: () => setPanelOpen(true),\r\n                            disabled: !voyageReport || downloading !== undefined\r\n                        },\r\n                        {\r\n                            title: \"Download Excel report\",\r\n                            icon: <FontAwesomeIcon icon={faFileExcel} />,\r\n                            onClick: () => setDownloading(\"xlsx\"),\r\n                            disabled: !voyageReport || downloading !== undefined\r\n                        },\r\n                        {\r\n                            title: \"Download PDF report\",\r\n                            icon: <FontAwesomeIcon icon={faFilePdf} />,\r\n                            onClick: () => setDownloading(\"pdf\"),\r\n                            disabled: !voyageReport || downloading !== undefined\r\n                        }\r\n                    ]}\r\n                >\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"voyages\",\r\n                                title: \"voyages\",\r\n                                url: \"/voyages\"\r\n                            },\r\n                            {\r\n                                id: voyageReport && voyageReport.voyage ? voyageReport.voyage.voyageNumber.toString() : \"0\",\r\n                                title: voyageReport && voyageReport.voyage ? companyUsesVoyageReference ? voyageReport.voyage.reference ?? \"?\" : voyageReport.voyage.voyageNumber.toString() : \"?\",\r\n                                url: `/voyages/${voyageReport?.voyage?.id}/edit`\r\n                            },\r\n                            {\r\n                                id: \"report\",\r\n                                title: \"report\",\r\n                                url: `/voyages/${voyageReport?.voyage?.id}/report`\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody message={getReportStatusMessage()}>\r\n                    <Container>\r\n                        <ContentPageTitle>\r\n                            Voyage report {companyUsesVoyageReference ? voyageReport?.voyage?.reference : voyageReport?.voyage?.voyageNumber}\r\n                        </ContentPageTitle>\r\n                        {voyageReport &&\r\n                            <>\r\n                                <div>\r\n                                    <VoyageReportDetails />\r\n                                    <VoyageReportLegs />\r\n                                </div>\r\n                                <div className=\"three-columns\">\r\n                                    <VoyageReportPortCalls />\r\n                                    <div>\r\n                                        <VoyageReportBunker twoRows={(voyageReport.fuelCorrections && voyageReport.fuelCorrections.length > 0 ? true : false)} />\r\n                                        <VoyageReportCorrection twoRows={(voyageReport.fuelCorrections && voyageReport.fuelCorrections.length > 0 ? true : false)} />\r\n                                    </div>\r\n                                    <VoyageReportLogReports />\r\n                                </div>\r\n                                <VoyageReportMap />\r\n                            </>\r\n                        }\r\n                    </Container>\r\n                </ContentPageBody>\r\n            </ContentPage>\r\n            <VoyageReportPanel\r\n                isOpen={panelOpen}\r\n                dismiss={() => setPanelOpen(false)}\r\n            />\r\n        </>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IVoyageReportSettings } from \"../../interfaces/IVoyageReportSettings\";\r\n\r\nexport const useVoyageStandardReport = (voyageId?: number, reportSettings?: IVoyageReportSettings) => {\r\n    const { data, error, isValidating, mutate } = useSWR(voyageId && reportSettings\r\n        ? `/voyages/${voyageId}/standardReport?calcFromType=${reportSettings.start}&calcToType=${reportSettings.end}&totalsType=${reportSettings.totalsType}&consumptionType=${reportSettings.consumptionType}`\r\n        : null, {\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { VoyageReportContextProvider } from \"../../../contextHooks/VoyageReportContext\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { VoyageReportTypes } from \"../../../_enums/VoyageReportTypes\";\r\nimport { useVoyage } from \"../../../api/hooks/useVoyage\";\r\nimport { useVessel } from \"../../../api/hooks/useVessel\";\r\nimport { VoyageSimpleReportContextProvider } from \"../../../contextHooks/VoyageSimpleReportContext\";\r\nimport { VoyageSimpleReport } from \"../reportSimple/VoyageReportSimple\";\r\nimport { VoyageReportStandard } from \"../reportStandard/VoyageReportStandard\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion\r\n\r\nexport const VoyageReport = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { app } = useAppContext();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const checkForReportType = app.currentCustomerRole.customer.settings?.voyageReportType === VoyageReportTypes.Simple;\r\n    const { voyage } = useVoyage(checkForReportType ? id : undefined);\r\n    const { vessel } = useVessel(voyage?.vessel.id);\r\n    const [reportType, setReportType] = useState<VoyageReportTypes | undefined>();\r\n\r\n    const getReportType = () => {\r\n        if (checkForReportType) {\r\n            if (vessel && voyage) {\r\n                if (vessel.settings?.voyageReportTypeCutoffDate) {\r\n                    let cutOffDate = makeDateObject(vessel.settings.voyageReportTypeCutoffDate);\r\n\r\n                    if (cutOffDate <= makeDateObject(voyage.start)) {\r\n                        setReportType(VoyageReportTypes.Standard);\r\n                        return;\r\n                    }\r\n                }\r\n\r\n                setReportType(VoyageReportTypes.Simple);\r\n            }\r\n        }\r\n        else {\r\n            setReportType(VoyageReportTypes.Standard);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getReportType();\r\n    }, [vessel])\r\n\r\n    //#region Render\r\n    if (reportType === VoyageReportTypes.Simple) {\r\n        return (\r\n            <VoyageSimpleReportContextProvider>\r\n                <VoyageSimpleReport />\r\n            </VoyageSimpleReportContextProvider>\r\n        );\r\n    }\r\n    else if (reportType === VoyageReportTypes.Standard) {\r\n        return (\r\n            <VoyageReportContextProvider>\r\n                <VoyageReportStandard />\r\n            </VoyageReportContextProvider>\r\n        );\r\n    }\r\n    else {\r\n        return (\r\n            <ContentPage working={true}>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"voyages\",\r\n                                title: \"voyages\",\r\n                                url: \"/voyages\"\r\n                            },\r\n                            {\r\n                                id: \"loading\",\r\n                                title: \"?\"\r\n                            },\r\n                            {\r\n                                id: \"report\",\r\n                                title: \"report\"\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <ContentPageTitle>\r\n                        Voyage report\r\n                    </ContentPageTitle>\r\n                    <Body>\r\n                        Checking report type...\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </ContentPage>\r\n        );\r\n    }\r\n    //#endregion\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, Dropdown } from \"@fluentui/react\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { useVessels } from \"../../../api/hooks/useVessels\";\r\nimport { AppPanel, AppPanelFooter } from \"../../../blocks/appPanel/AppPanel\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Bunker delivery notes filter\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return toCapitalLetters(vessels?.find(v => v.id === _)?.name);\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"From\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"To\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n                <Checkbox\r\n                    label=\"Includes de-bunkerings only\"\r\n                    checked={getFilter(filters, \"debunkeringOnly\") ? true : false}\r\n                    onChange={(ev, checked) => {\r\n                        if (checked) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"debunkeringOnly\",\r\n                                    displayName: \"De-bunkering only\"\r\n                                },\r\n                                value: {\r\n                                    value: true,\r\n                                    displayValue: \"Yes\"\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"debunkeringOnly\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { faArrowCircleUp, faExchange, faFilter, faLongArrowDown, faLongArrowUp, faPaperclip, faWarning } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { Filter } from \"./Filter\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { FilterContainer } from \"../../../blocks/filter/FilterContainer\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { IBunkerDeliveryNote } from \"../../../interfaces/IBunkerDeliveryNote\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { useBdnFuntions } from \"../../../hooks/useBdnFuntions\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { ModifiedString } from \"../../../blocks/modifiedString/ModifiedString\";\r\nimport { useMediaQuery } from \"../../../hooks/useMediaQuery\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n\r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst Rating = styled.div`\r\n    display: flex;\r\n\r\n    >div {\r\n        margin: 0 -1px;\r\n\r\n        i {\r\n            margin: 0 1px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Attachment = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    position: relative;\r\n    align-items: center;\r\n    padding: 0 15px 0 28px;\r\n`;\r\n\r\nconst IconContainer = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n//#endregion\r\n\r\nexport const BunkerDeliveryNotes = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { getRatingDescription } = useBdnFuntions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [reports, setReports] = useState<IBunkerDeliveryNote[]>([]);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const smallScreen = useMediaQuery(\"(max-width: 1300px)\");\r\n    const history = useNavigate();\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"attachments\",\r\n            title: <FontAwesomeIcon icon={faPaperclip} />,\r\n            gridCellWidth: \"max-content\",\r\n            noPadding: true,\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                if (_.attachments && _.attachments.length > 0) {\r\n                    return (\r\n                        <Attachment title=\"Has attachments\">\r\n                            <FontAwesomeIcon icon={faPaperclip} />\r\n                        </Attachment>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"type\",\r\n            title: <FontAwesomeIcon icon={faExchange} style={{ transform: \"rotateZ(90deg)\" }} />,\r\n            gridCellWidth: \"max-content\",\r\n            noPadding: true,\r\n            render: (bdn: IBunkerDeliveryNote) => {\r\n                let hasBunkering = bdn.items?.some(_ => !_.isDebunkering);\r\n                let hasDebunkering = bdn.items?.some(_ => _.isDebunkering);\r\n                let hasBoth = hasBunkering && hasDebunkering;\r\n\r\n                let title = hasBoth\r\n                    ? \"Bunkering and de-bunkering\"\r\n                    : hasBunkering\r\n                        ? \"Bunkering\"\r\n                        : \"De-bunkering\";\r\n\r\n                return (\r\n                    <IconContainer>\r\n                        <FontAwesomeIcon\r\n                            title={title}\r\n                            style={{\r\n                                color:\r\n                                    hasBoth\r\n                                        ? \"#333\"\r\n                                        : hasBunkering\r\n                                            ? \"green\"\r\n                                            : \"red\",\r\n                                transform:\r\n                                    hasBoth\r\n                                        ? \"rotateZ(90deg)\"\r\n                                        : hasBunkering\r\n                                            ? \"rotateZ(-45deg)\"\r\n                                            : \"rotateZ(45deg)\",\r\n                                fontSize:\r\n                                    hasDebunkering\r\n                                        ? \"16px\"\r\n                                        : undefined\r\n\r\n                            }}\r\n                            icon={\r\n                                hasBoth\r\n                                    ? faExchange\r\n                                    : hasBunkering\r\n                                        ? faLongArrowDown\r\n                                        : faArrowCircleUp\r\n                            }\r\n                        />\r\n                    </IconContainer>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"commenced\",\r\n            title: \"Commenced\",\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                return <DateString date={_.commenced} timeZone={resolveTimeZone(_.portCall?.port?.timeZone)} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"voyage\",\r\n            title: \"Voyage\",\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                if (_.portCall) {\r\n                    return companyUsesVoyageReference ? _.portCall.voyage?.reference : _.portCall.voyage?.voyageNumber;\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                return toCapitalLetters(_.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"portCallOrPort\",\r\n            title: \"Port\",\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                return toCapitalLetters(_.portCall ? _.portCall.port?.name : _.port?.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"rating\",\r\n            title: \"Rating\",\r\n            render: (bdn: IBunkerDeliveryNote) => {\r\n                if (!bdn.rating) {\r\n                    return \"Not rated\";\r\n                }\r\n                else {\r\n                    return (\r\n                        <Rating title={`${bdn.rating} - ` + getRatingDescription(bdn.rating)}>\r\n                            <div>\r\n                                {[1, 2, 3, 4, 5].map(r => {\r\n                                    let isFilled = bdn.rating! >= r;\r\n                                    return (\r\n                                        <Icon key={`BdnRating_${r}`} iconName={isFilled ? \"FavoriteStarFill\" : \"FavoriteStar\"} style={{ color: isFilled ? \"#4177bf\" : \"#333\", opacity: isFilled ? 1 : .5 }} />\r\n                                    );\r\n                                })}\r\n                            </div>\r\n                        </Rating>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            exclude: smallScreen,\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"mismatch\",\r\n            exclude: smallScreen,\r\n            title: <FontAwesomeIcon icon={faWarning} />,\r\n            gridCellWidth: \"max-content\",\r\n            noPadding: true,\r\n            render: (_: IBunkerDeliveryNote) => {\r\n                if (_.deliveredReceivedMismatch) {\r\n                    return (\r\n                        <IconContainer title=\"Mismatch between delivered and received\">\r\n                            <FontAwesomeIcon icon={faWarning} />\r\n                        </IconContainer>\r\n                    );\r\n                }\r\n            }\r\n        },\r\n    ];\r\n\r\n    const rowClick = (_: IBunkerDeliveryNote) => {\r\n        history(`/reports/bdn/${_.id}`);\r\n    }\r\n\r\n    const getBdns = () => {\r\n        app.api.getBunkerDeliveryNotes(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setReports(_);\r\n                }\r\n                else {\r\n                    setReports([...reports, ..._]);\r\n                    if (_.length < take) {\r\n\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all BDN's mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length >= take) {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: _.skip + take });\r\n                    });\r\n                }\r\n                else {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: 0, allFetched: true });\r\n                    });\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.BunkerDeliveryNotes));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getBdns();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0,\r\n            allFetched: false\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.BunkerDeliveryNotes, filters);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage progressbar={fetching}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true),\r\n                        disabled: fetching\r\n                    }\r\n                ]}\r\n                search={{\r\n                    additionalInfo: \"BDN free text search looks up the following columns; Port, Voyage and Vessel\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.BunkerDeliveryNotes, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"bdns\",\r\n                            title: \"bunker delivery notes\",\r\n                            url: \"/reports/bdn\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            data={reports}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","export const useBdnFuntions = () => {\r\n    const getRatingDescription = (r: number) => {\r\n        switch (r) {\r\n            case 1:\r\n                return \"Very bad\";\r\n            case 2:\r\n                return \"Bad\";\r\n            case 3:\r\n                return \"Ok\";\r\n            case 4:\r\n                return \"Good\";\r\n            case 5:\r\n                return \"Excellent\";\r\n        }\r\n    }\r\n\r\n    return { getRatingDescription };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IBunkerDeliveryNote } from '../interfaces/IBunkerDeliveryNote';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setBdn\", bdn: IBunkerDeliveryNote };\r\n\r\ntype ContextData = {\r\n    bdn?: IBunkerDeliveryNote\r\n}\r\n\r\ninterface IReducers {\r\n    state: ContextData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = { };\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useBdnContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ContextData, action: ReducerAction): ContextData => {\r\n    switch (action.type) {\r\n        case \"setBdn\":\r\n            return {\r\n                ...state,\r\n                bdn: action.bdn\r\n            };\r\n    }\r\n}\r\n\r\nexport const BdnContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useBdnProvider = () => {\r\n    const { state, dispatch } = useBdnContext();\r\n\r\n    return {\r\n        bdn: state.bdn,\r\n        setBdn: (bdn: IBunkerDeliveryNote) => {\r\n            dispatch({\r\n                type: \"setBdn\",\r\n                bdn\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { CardValueAndTitle } from \"../../../../blocks/card/CardValueAndTitle\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useBdnProvider } from \"../../../../contextHooks/BunkerDeliveryNoteContext\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { useBdnFuntions } from \"../../../../hooks/useBdnFuntions\";\r\nimport { IBunkerDeliveryNote } from \"../../../../interfaces/IBunkerDeliveryNote\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 15px 10px;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        margin: 8px 20px;\r\n    }\r\n`;\r\n\r\nconst Rating = styled.div`\r\n    >div:first-child {\r\n        margin: 2px -2px 5px;\r\n        display: flex;\r\n\r\n        >i {\r\n            margin: 0 2px;\r\n        }\r\n    }\r\n    >div:last-child {\r\n        font-size: 10px;\r\n        letter-spacing: .5px;\r\n        text-transform: uppercase;\r\n        margin-top: 2px;\r\n        color: #999;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const BdnHeader = () => {\r\n    const { app } = useAppContext();\r\n    const { bdn } = useBdnProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getRatingDescription } = useBdnFuntions();\r\n    const { resolveTimeZone, relativeDateString } = useDateFunctions();\r\n    const tz = resolveTimeZone(bdn?.portCall ? bdn.portCall.port?.timeZone : bdn?.port?.timeZone)\r\n    const history = useNavigate();\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n\r\n    const getVoyageString = (bdn: IBunkerDeliveryNote): string => {\r\n        return bdn.portCall\r\n            ? companyUsesVoyageReference\r\n                ? bdn.portCall.voyage?.reference ?? ''\r\n                : bdn.portCall.voyage?.voyageNumber.toString() ?? ''\r\n            : '';\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            loading={!bdn}\r\n            title=\"Date and type\"\r\n        >\r\n            {bdn &&\r\n                <Body>\r\n                    <CardValueAndTitle\r\n                        title=\"Commenced\"\r\n                        value={<span><DateString date={bdn.commenced} timeZone={tz} /></span>}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Voyage\"\r\n                        value={getVoyageString(bdn)}\r\n                        onClick={bdn.portCall && bdn.portCall.voyage ? () => history(`/voyages/${bdn.portCall?.voyage?.id}/edit`) : undefined}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Vessel\"\r\n                        value={toCapitalLetters(bdn.vessel.name)}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Port\"\r\n                        value={toCapitalLetters(bdn.portCall ? bdn.portCall.port?.name : bdn.port?.name)}\r\n                        onClick={bdn.portCall ? () => history(`/portcalls/${bdn.portCall?.id}`) : undefined}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Supplier\"\r\n                        value={toCapitalLetters(bdn.supplier ? bdn.supplier.name : \"n/a\")}\r\n                    />\r\n                    <CardValueAndTitle\r\n                        title=\"Supplied by vessel/barge\"\r\n                        value={toCapitalLetters(bdn.supplierVessel ? bdn.supplierVessel : \"n/a\")}\r\n                    />\r\n                    {bdn.rating\r\n                        ?\r\n                        <Rating title={`${bdn.rating} - ` + getRatingDescription(bdn.rating)}>\r\n                            <div>\r\n                                {[1, 2, 3, 4, 5].map(r => {\r\n                                    let isFilled = bdn.rating! >= r;\r\n                                    return (\r\n                                        <Icon key={`BdnRating_${r}`} iconName={isFilled ? \"FavoriteStarFill\" : \"FavoriteStar\"} style={{ color: isFilled ? \"#4177bf\" : \"#333\", opacity: isFilled ? 1 : .5 }} />\r\n                                    );\r\n                                })}\r\n                            </div>\r\n                            <div>\r\n                                Rating\r\n                            </div>\r\n                        </Rating>\r\n                        :\r\n                        <CardValueAndTitle\r\n                            title=\"Rating\"\r\n                            value=\"Not rated\"\r\n                        />\r\n                    }\r\n                    <CardValueAndTitle\r\n                        title=\"Modified\"\r\n                        value={relativeDateString(bdn.modified, { days: 1 })}\r\n                    />\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IBunkerDeliveryNoteItem } from \"../../../../interfaces/IBunkerDeliveryNoteItem\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faComment } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Callout, DirectionalHint } from \"@fluentui/react\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0 18px 0 16px;\r\n    margin-right: 12px;\r\n    cursor: pointer;\r\n`;\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion \r\n\r\nexport const BdnDebunkeringComment: FC<{ item: IBunkerDeliveryNoteItem }> = ({ item }) => {\r\n    const [open, { toggle: toggleOpen }] = useBoolean(false);\r\n    const containerId = useId('callout-de-bunkering-comment');\r\n\r\n    return (\r\n        <>\r\n            <Container title=\"De-bunkering comment\" onClick={toggleOpen} id={containerId}>\r\n                <FontAwesomeIcon icon={faComment} />\r\n            </Container>\r\n            {open &&\r\n                <Callout\r\n                    gapSpace={-10}\r\n                    target={`#${containerId}`}\r\n                    directionalHint={DirectionalHint.bottomCenter}\r\n                    onDismiss={toggleOpen}\r\n                >\r\n                    <Body>\r\n                        {item.debunkeringComment}\r\n                    </Body>\r\n                </Callout>\r\n            }\r\n\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { IBunkerDeliveryNoteItem } from \"../../../../interfaces/IBunkerDeliveryNoteItem\";\r\nimport { useBdnProvider } from \"../../../../contextHooks/BunkerDeliveryNoteContext\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDroplet, faDropletSlash, faX } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FuelClass } from \"../../../../_enums/FuelClass\";\r\nimport { useVesselFunctions } from \"../../../../hooks/useVesselFunctions\";\r\nimport { BdnDebunkeringComment } from \"./BdnDebunkeringComment\";\r\nimport { useMediaQuery } from \"../../../../hooks/useMediaQuery\";\r\n\r\nexport const BdnItems = () => {\r\n    const { bdn } = useBdnProvider();\r\n    const { app } = useAppContext();\r\n    const { getReportMeasurement } = useVesselFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone(bdn?.portCall ? bdn.portCall.port?.timeZone : bdn?.port?.timeZone)\r\n    const measurement = getReportMeasurement(app.currentCustomerRole.customer.id, bdn?.commenced, bdn?.vessel.settings);\r\n    const smallScreen = useMediaQuery(\"(max-width: 1800px)\");\r\n    const xSmallScreen = useMediaQuery(\"(max-width: 1500px)\");\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"isDebunkering\",\r\n            title: \" \",\r\n            noPadding: true,\r\n            gridCellWidth: \"min-content\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return (\r\n                    <div style={{ paddingLeft: \"30px\", height: \"100%\", display: \"flex\", justifyContent: \"center\", alignItems: \"center\" }}>\r\n                        <FontAwesomeIcon title={_.isDebunkering ? 'De-bunkering' : 'Bunkering'} icon={_.isDebunkering ? faDropletSlash : faDroplet} style={{ fontSize: \"18px\" }} />\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"tank.name\",\r\n            title: \"Tank\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.tank),\r\n        },\r\n        {\r\n            key: \"fuel.name\",\r\n            title: \"Fuel\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.fuel),\r\n        },\r\n        {\r\n            key: \"commenced\",\r\n            gridCellWidth: \"160px\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return <DateString date={_.commenced} timeZone={tz} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"completed\",\r\n            exclude: xSmallScreen,\r\n            gridCellWidth: \"160px\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return <DateString date={_.completed} timeZone={tz} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"bdnNumber\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            title: \"Bdn Number\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return _.bdnNumber ? _.bdnNumber : \"-\";\r\n            }\r\n        },\r\n        {\r\n            key: \"delivered\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return <span title=\"Delivered as per BDN\">{_.delivered ? `${_.delivered.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"received\",\r\n            textAlign: \"right\",\r\n            exclude: smallScreen,\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return <span title={_.isDebunkering ? \"De-bunkered (ship's figures)\" : \"Received (ship's figures)\"}>{_.received ? `${_.received.toLocaleString(undefined, { minimumFractionDigits: 3 })} ${measurement}` : \"-\"}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"density\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.density != undefined && _.density !== 0),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.density ? `${_.density} kg/m3` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"sulphurContent\",\r\n            title: \"sulphur Content\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.sulphurContent != undefined && _.sulphurContent !== 0),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.sulphurContent ? `${_.sulphurContent} %m/m` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"tankWasEmptyBeforeBunkering\",\r\n            title: \"Tank empty before bunkering\",\r\n            textAlign: \"left\",\r\n            exclude: !bdn?.items?.some(_ => !_.isDebunkering),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.tankWasEmptyBeforeBunkering === true ? \"Yes\" : \"No\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"lcv\",\r\n            title: \"LCV\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.fuel?.fuelClass === FuelClass.Bio || _.fuel?.fuelClass === FuelClass.RFNBO),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.lcv ? `${_.lcv} MJ/g` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"ghg\",\r\n            title: \"GHG intensity\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.fuel?.fuelClass === FuelClass.Bio || _.fuel?.fuelClass === FuelClass.RFNBO),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.ghg ? `${_.ghg} gCO2eq/MJ` : \"-\"}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"proofOfSustainabilityReference\",\r\n            title: \"Sustainability reference\",\r\n            gridCellWidth: \"minmax(min-content, auto)\",\r\n            exclude: !bdn?.items?.some(_ => _.fuel?.fuelClass === FuelClass.Bio || _.fuel?.fuelClass === FuelClass.RFNBO),\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return `${_.proofOfSustainabilityReference ?? '-'}`;\r\n            }\r\n        },\r\n        {\r\n            key: \"deBunkeringComment\",\r\n            title: \" \",\r\n            gridCellWidth: \"max-content\",\r\n            exclude: !bdn?.items?.some(_ => _.isDebunkering),\r\n            noPadding: true,\r\n            render: (_: IBunkerDeliveryNoteItem) => {\r\n                return <BdnDebunkeringComment item={_} />;\r\n            }\r\n        },\r\n    ]\r\n\r\n    return (\r\n        <Card title=\"Bunker types\">\r\n            <AppGridTableNew\r\n                blueHeader\r\n                noCellBorder\r\n                noHoverColor\r\n                columns={columns}\r\n                data={bdn?.items}\r\n            />\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useBdnProvider } from \"../../../../contextHooks/BunkerDeliveryNoteContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 20px 30px;\r\n    font-size: 14px;\r\n`;\r\n\r\n//#endregion \r\n\r\nexport const BdnComment = () => {\r\n    const { bdn } = useBdnProvider();\r\n\r\n    if(!bdn?.comment) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card\r\n            loading={!bdn}\r\n            title=\"Comment\"\r\n        >\r\n            {bdn &&\r\n                <Body>\r\n                    {bdn.comment}\r\n                </Body>\r\n            }\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useBdnProvider } from \"../../../../contextHooks/BunkerDeliveryNoteContext\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { useFileFunctions } from \"../../../../hooks/useFileFunctions\";\r\nimport { faFile } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useRest } from \"../../../../hooks/useRest\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .attachments {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        margin: -6px;\r\n\r\n        .attachment {\r\n            font-size: 14px;\r\n            display: flex;\r\n            border: 1px solid #ccc;\r\n            height: 31px;\r\n            padding: 0 10px;\r\n            margin: 6px;\r\n            border-radius: 4px;\r\n            background-color: white;\r\n            cursor: pointer;\r\n\r\n            .icon {\r\n                padding: 5px 8px 0 0;\r\n            }\r\n            \r\n            .name {\r\n                padding-top: 5px;\r\n            }\r\n        }\r\n\r\n        .attachment :hover {\r\n            color: darkblue !important;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const BdnAttachments = () => {\r\n    const { bdn } = useBdnProvider();\r\n    const { app } = useAppContext();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { getError } = useRest();\r\n    const { getMimeType } = useFileFunctions();\r\n\r\n    const downloadAttachment = async (id: string) => {\r\n        try {\r\n            let bdn = await app.api.downloadBdnAttachment(id);\r\n            let tResult = triggerDownload(bdn.base64!, bdn.fileName!, getMimeType(bdn.fileExtension!));\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faFile} />, text: \"BDN attachmetn downloaded\" });\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n    }\r\n\r\n    if (!bdn || !bdn.attachments || bdn.attachments.length === 0) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"attachments\">\r\n                {bdn?.attachments?.map(_ => {\r\n                    return (\r\n                        <div className=\"attachment\" key={_.id} onClick={() => downloadAttachment(_.id!)}>\r\n                            <div className=\"icon\">\r\n                                <Icon {...getFileTypeIconProps({ extension: _.fileExtension, size: 20, imageFileType: 'png' })} />\r\n                            </div>\r\n                            <div className=\"name\">\r\n                                {_.fileName}\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExternalLinkSquare } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { useBunkerDeliveryNote } from \"../../../api/hooks/useBunkerDeliveryNote\";\r\nimport { BdnHeader } from \"./modules/BdnHeader\";\r\nimport { BdnItems } from \"./modules/BdnItems\";\r\nimport { OpenInAppMenuItem } from \"../../../blocks/openInApMenuItem/OpenInAppMenuItem\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useBdnProvider } from \"../../../contextHooks/BunkerDeliveryNoteContext\";\r\nimport { BdnComment } from \"./modules/BdnComment\";\r\nimport { BdnAttachments } from \"./modules/BdnAttachments\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const BunkerDeliveryNoteContainer = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { fuelCorrection: apiBdn } = useBunkerDeliveryNote(id);\r\n    const { bdn, setBdn } = useBdnProvider();\r\n    const history = useNavigate();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    useEffect(() => {\r\n        if (apiBdn) {\r\n            setBdn(apiBdn)\r\n        }\r\n    }, [apiBdn]);\r\n\r\n    return (\r\n        <ContentPage working={!bdn}>\r\n            {bdn &&\r\n                <div>\r\n                    <ContentPageHeader\r\n                        actions={[\r\n                            {\r\n                                title: \"Back\",\r\n                                icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                                onClick: () => history(-1)\r\n                            },\r\n                            {\r\n                                icon: <FontAwesomeIcon icon={faExternalLinkSquare} />,\r\n                                title: \"Open BDN in app\",\r\n                                render: () => {\r\n                                    return <OpenInAppMenuItem key=\"OpenInApp\" appLink={`/reports/bdn/${bdn.id}`} vesselId={bdn.vessel.id} />\r\n                                }\r\n                            }\r\n                        ]}\r\n                    >\r\n                        <ContentPageNavigation\r\n                            items={[\r\n                                {\r\n                                    id: \"bdns\",\r\n                                    title: \"bunker delivery notes\",\r\n                                    url: \"/reports/bdn\"\r\n                                },\r\n                                {\r\n                                    id: bdn.id,\r\n                                    title: \"bunker delivery note\",\r\n                                    url: `/reports/bdn/${bdn.id}`\r\n                                }\r\n                            ]}\r\n                        />\r\n                    </ContentPageHeader>\r\n                    <ContentPageBody>\r\n                        <ContentPageTitle>\r\n                            <span>Bunker delivery note in</span> <span style={{ fontWeight: 400 }}>{toCapitalLetters(bdn.portCall ? bdn.portCall.port?.name : bdn.port?.name)}</span>\r\n                        </ContentPageTitle>\r\n                        <Body>\r\n                            <BdnAttachments />\r\n                            <BdnHeader />\r\n                            <BdnItems />\r\n                            <BdnComment />\r\n                        </Body>\r\n                    </ContentPageBody>\r\n                </div>\r\n            }\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IBunkerDeliveryNote } from \"../../interfaces/IBunkerDeliveryNote\";\r\n\r\nexport const useBunkerDeliveryNote = (id: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/reports/bdn/${id}`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let bdn: IBunkerDeliveryNote | undefined = data;\r\n\r\n    return { fuelCorrection: bdn, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { ICountry } from \"../../interfaces/ICountry\";\r\nimport { AppSearchBox } from \"../../blocks/appSearchBox/AppSearchBox\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, getFilterValue, updateFilter } = useDivTable();\r\n\r\n    const getSelectedCountry = () => {\r\n        var f = getFilterValue(filters, \"countryCode\");\r\n        if (f) {\r\n            return {\r\n                country: f.displayValue,\r\n                countryCode: f.value\r\n            }\r\n        }\r\n        return undefined;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Ports filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n\r\n                <AppSearchBox\r\n                    title=\"Country\"\r\n                    additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                    placeHolder=\"Search for country\"\r\n                    description=\"Country\"\r\n                    endPoint=\"ports/searchCountries\"\r\n                    keyProp=\"countryCode\"\r\n                    titleProp=\"country\"\r\n                    minLengthBeforeSearhing={2}\r\n                    defaultValue={getSelectedCountry()}\r\n                    maxResultsContainerHeight=\"295px\"\r\n                    onSelected={(_: ICountry) => {\r\n                        if (_) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"countryCode\",\r\n                                    displayName: \"country\"\r\n                                },\r\n                                value: {\r\n                                    value: _.countryCode,\r\n                                    displayValue: _.country\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"countryCode\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IPort } from '../interfaces/IPort';\r\nimport { IPortPartner } from '../interfaces/IPortPartner';\r\nimport { IPortSettings } from '../interfaces/IPortSettings';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setPort\", port?: IPort }\r\n    | { type: \"setPortSettings\", portSettings?: IPortSettings }\r\n    | { type: \"setPortPartners\", portPartners: IPortPartner[] };\r\n\r\ntype PortAndPerformance = {\r\n    port: IPort | undefined\r\n    portSettings: IPortSettings | undefined\r\n    portPartners: IPortPartner[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: PortAndPerformance,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    portPartners: []\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst usePortContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: PortAndPerformance, action: ReducerAction): PortAndPerformance => {\r\n    switch (action.type) {\r\n        case \"setPort\":\r\n            return {\r\n                ...state,\r\n                port: action.port\r\n            };\r\n        case \"setPortSettings\":\r\n            return {\r\n                ...state,\r\n                portSettings: action.portSettings\r\n            };\r\n        case \"setPortPartners\":\r\n            return {\r\n                ...state,\r\n                portPartners: action.portPartners\r\n            };\r\n    }\r\n}\r\n\r\nexport const PortContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const usePortProvider = () => {\r\n    const { state, dispatch } = usePortContext();\r\n\r\n    return {\r\n        port: state.port,\r\n        portSettings: state.portSettings,\r\n        portPartners: state.portPartners,\r\n\r\n        setPort: (port?: IPort) => {\r\n            dispatch({\r\n                type: \"setPort\",\r\n                port\r\n            })\r\n        },\r\n\r\n        setPortSettings: (portSettings?: IPortSettings) => {\r\n            dispatch({\r\n                type: \"setPortSettings\",\r\n                portSettings\r\n            })\r\n        },\r\n\r\n        setPortPartners: (portPartners: IPortPartner[]) => {\r\n            dispatch({\r\n                type: \"setPortPartners\",\r\n                portPartners: portPartners\r\n            })\r\n        },\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, TextField, Toggle } from \"@fluentui/react\";\r\nimport { ICountry } from \"../../../interfaces/ICountry\";\r\nimport { usePortProvider } from \"../../../contextHooks/PortContext\";\r\nimport { AppPanelSubHeaderNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\nimport { AppSearchBox } from \"../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { AppNumericTextField } from \"../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .body {\r\n        >div:first-child {\r\n            margin-bottom: 12px;\r\n            display: grid;\r\n            grid-template-columns: 370px repeat(2, 1fr);\r\n            gap: 20px;\r\n        }\r\n        >div:last-child {\r\n            margin-bottom: 12px;\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 110px) 100px;\r\n            gap: 20px;\r\n\r\n            .cbx {\r\n                margin-top: 7px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Details = () => {\r\n    const { port, setPort } = usePortProvider();\r\n    const disabled = !port?.customerPort;\r\n\r\n    if (!port) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <AppPanelSubHeaderNew title=\"Details\" disabled={disabled} />\r\n            <div className=\"body\">\r\n                <div>\r\n                    <TextField\r\n                        disabled={disabled}\r\n                        value={port.name ? port.name : \"\"}\r\n                        description=\"Name\"\r\n                        onChange={(ev, v) => {\r\n                            setPort({\r\n                                ...port,\r\n                                name: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n                    <AppSearchBox\r\n                        disabled={disabled}\r\n                        title=\"Country\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for country\"\r\n                        description=\"Country\"\r\n                        endPoint=\"ports/searchCountries\"\r\n                        keyProp=\"countryCode\"\r\n                        titleProp=\"country\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={port.countryCode ? {\r\n                            country: port.country,\r\n                            countryCode: port.countryCode\r\n                        } : undefined}\r\n                        maxResultsContainerHeight=\"295px\"\r\n                        onSelected={(_: ICountry) => {\r\n                            if (_) {\r\n                                setPort({\r\n                                    ...port,\r\n                                    country: _.country,\r\n                                    countryCode: _.countryCode\r\n                                });\r\n                            }\r\n                            else {\r\n                                setPort({\r\n                                    ...port,\r\n                                    country: \"\",\r\n                                    countryCode: \"\"\r\n                                })\r\n                            }\r\n                        }}\r\n                    />\r\n                    <AppSearchBox\r\n                        disabled={disabled}\r\n                        title=\"Timezone\"\r\n                        additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                        placeHolder=\"Search for timezone\"\r\n                        description=\"Timezone\"\r\n                        endPoint=\"ports/searchTimezones\"\r\n                        keyProp=\"timeZone\"\r\n                        titleProp=\"timeZone\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={port.timeZone ? {\r\n                            timeZone: port.timeZone,\r\n                        } : undefined}\r\n                        maxResultsContainerHeight=\"295px\"\r\n                        onSelected={(_?: { timeZone: string }) => {\r\n                            if (_) {\r\n                                setPort({\r\n                                    ...port,\r\n                                    timeZone: _.timeZone\r\n                                });\r\n                            }\r\n                            else {\r\n                                setPort({\r\n                                    ...port,\r\n                                    timeZone: \"\"\r\n                                })\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div>\r\n                    {/* <TextField\r\n                        disabled={disabled}\r\n                        value={port.unLoCode ? port.unLoCode : \"\"}\r\n                        description=\"UnLoCode\"\r\n                        onChange={(ev, v) => {\r\n                            setPort({\r\n                                ...port,\r\n                                unLoCode: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    /> */}\r\n                    <AppNumericTextField\r\n                        disabled={disabled}\r\n                        description=\"Latitude\"\r\n                        defaultValue={port.latitude.toString()}\r\n                        onChange={(ev, newValue) => {\r\n                            setPort({\r\n                                ...port,\r\n                                latitude: newValue ? Number(newValue) : 0\r\n                            });\r\n                        }}\r\n                    />\r\n                    <AppNumericTextField\r\n                        disabled={disabled}\r\n                        description=\"Longitude\"\r\n                        defaultValue={port.longitude.toString()}\r\n                        onChange={(ev, newValue) => {\r\n                            setPort({\r\n                                ...port,\r\n                                longitude: newValue ? Number(newValue) : 0\r\n                            });\r\n                        }}\r\n                    />\r\n                    <Checkbox\r\n                        className=\"cbx\"\r\n                        disabled={disabled}\r\n                        label=\"Active\"\r\n                        checked={!port.inActive}\r\n                        onChange={(ev, checked) => {\r\n                            setPort({\r\n                                ...port,\r\n                                inActive: checked ? !checked : true\r\n                            });\r\n                        }}\r\n                    />\r\n                </div>\r\n\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { usePortProvider } from \"../../../contextHooks/PortContext\";\r\nimport { AppPanelSubHeaderNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { faCheckCircle, faClose, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { IPortPartner } from \"../../../interfaces/IPortPartner\";\r\nimport { DirectionalHint, IStyle, TextField } from \"@fluentui/react\";\r\nimport { AppSearchBox } from \"../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { IPartner } from \"../../../interfaces/IPartner\";\r\nimport { Cbx } from \"../../../blocks/cbx/Cbx\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .table {\r\n        margin: 0 -30px;\r\n    }\r\n`;\r\n\r\nexport const PortPartners = () => {\r\n    const { portPartners: portContacts, setPortPartners: setPortContacts } = usePortProvider();\r\n\r\n    //#region Textfield style\r\n    const fieldStyle: IStyle = {\r\n        padding: \"0 16px\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const fieldGroupStyle: IStyle = {\r\n        height: \"48px\",\r\n        backgroundColor: \"transparent\",\r\n        \"::placeholder\": {\r\n            color: \"#ccc\"\r\n        }\r\n    }\r\n\r\n    const suffixStyle: IStyle = {\r\n        backgroundColor: \"transparent\",\r\n        padding: \"2px 10px 0 0\",\r\n        color: \"#ccc\"\r\n    };\r\n    //#endregion\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Partner\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                return (\r\n                    <AppSearchBox\r\n                        borderless\r\n                        padding=\"14px 16px 14px 30px\"\r\n                        itemPadding=\"0 30px 0 30px\"\r\n                        height=\"unset\"\r\n                        autoFocus={true}\r\n                        placeHolder=\"Search for port contact\"\r\n                        endPoint=\"partners/search\"\r\n                        keyProp=\"id\"\r\n                        titleProp=\"name\"\r\n                        minLengthBeforeSearhing={2}\r\n                        defaultValue={_.partner}\r\n                        maxResultsContainerHeight={`${46 * 5}px`}\r\n                        directionalHint={DirectionalHint.bottomCenter}\r\n                        customTitle={(p?: IPartner) => {\r\n                            let hasEmail = p && p.email && p.email.trim().length > 0;\r\n                            return p\r\n                                ?\r\n                                <span>\r\n                                    <span>{p.name} |</span>\r\n                                    <span style={{ paddingLeft: \"6px\", color: hasEmail ? \"#4177bf\" : \"red\", textTransform: \"lowercase\" }}>{hasEmail ? p.email : \"No email defined\"}</span>\r\n                                </span>\r\n                                : \"\"\r\n                                ;\r\n                        }}\r\n                        additionalQueryParams={[\r\n                            {\r\n                                key: \"partnerTypes\",\r\n                                value: \"5\"\r\n                            }\r\n                        ]}\r\n                        onSelected={p => {\r\n                            portContacts[rowId].partner = p;\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Additional emails\",\r\n            gridCellWidth: \"minmax(170px, 1fr)\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        title=\"Seperate multiple emails with comma or semicolon\"\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Additional emails\"\r\n                        borderless\r\n                        value={_.additionalEmails ? _.additionalEmails : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            portContacts[rowId].additionalEmails = v ? v : \"\";\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Notes\",\r\n            gridCellWidth: \"minmax(170px, 1fr)\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                return (\r\n                    <TextField\r\n                        maxLength={400}\r\n                        title={_.notes}\r\n                        autoComplete=\"off\"\r\n                        placeholder=\"Notes\"\r\n                        borderless\r\n                        value={_.notes ? _.notes : \"\"}\r\n                        onChange={(ev, v) => {\r\n                            portContacts[rowId].notes = v ? v : \"\";\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                        styles={{\r\n                            field: fieldStyle,\r\n                            fieldGroup: fieldGroupStyle,\r\n                            suffix: suffixStyle\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"AR\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                let checked = portContacts[rowId].receiveArrivalReport ? true : false;\r\n                return (\r\n                    <Cbx\r\n                        checked={checked}\r\n                        title=\"Receive arrival report\"\r\n                        onChange={_checked => {\r\n                            portContacts[rowId].receiveArrivalReport = _checked;\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"DR\",\r\n            gridCellWidth: \"55px\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                let checked = portContacts[rowId].receiveDepartureReport ? true : false;\r\n                return (\r\n                    <Cbx\r\n                        checked={checked}\r\n                        title=\"Receive departure report\"\r\n                        onChange={_checked => {\r\n                            portContacts[rowId].receiveDepartureReport = _checked;\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                    />\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"Delete\",\r\n            title: \" \",\r\n            gridCellWidth: \"74px\",\r\n            textAlign: \"right\",\r\n            render: (_: IPortPartner, rowId) => {\r\n                return (\r\n                    <div\r\n                        title=\"Remove contact\"\r\n                        onClick={() => {\r\n                            portContacts.splice(rowId, 1);\r\n                            setPortContacts(portContacts);\r\n                        }}\r\n                        style={{\r\n                            height: \"100%\",\r\n                            padding: \"14px 40px 0 0\",\r\n                            cursor: \"pointer\"\r\n                        }}\r\n                    >\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n    ];\r\n\r\n    return (\r\n        <Container>\r\n            <AppPanelSubHeaderNew\r\n                title={portContacts.length === 0 ? \"No port contacts\" : `Contacts (${portContacts.length})`}\r\n                actions={[\r\n                    {\r\n                        title: \"Add contacts\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => setPortContacts([...portContacts, { id: 0, receiveArrivalReport: true, receiveDepartureReport: true }])\r\n                    }\r\n                ]}\r\n\r\n            />\r\n            <div className=\"table\">\r\n                <AppGridTableNew\r\n                    noHoverColor\r\n                    topBorder\r\n                    bottomBorder\r\n                    columns={columns}\r\n                    cellPadding=\"0\"\r\n                    emptyMessage=\"Click the plus icon to add port contacts\"\r\n                    data={portContacts}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox } from \"@fluentui/react\";\r\nimport { usePortProvider } from \"../../../contextHooks/PortContext\";\r\nimport { AppPanelSubHeaderNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\nimport { IPortSettings } from \"../../../interfaces/IPortSettings\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .body {\r\n        >div {\r\n            margin: 16px 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PortSettings = () => {\r\n    const { portSettings, setPortSettings } = usePortProvider();\r\n\r\n    return (\r\n        <Container>\r\n            <AppPanelSubHeaderNew title=\"Settings\" />\r\n            <div className=\"body\">\r\n                <Checkbox\r\n                    label=\"Send reports to agents connected to portcall\"\r\n                    checked={portSettings ? portSettings.sendReportsToAgentOnPortCall : false}\r\n                    onChange={(ev, checked) => {\r\n                        let ps: IPortSettings = portSettings ? portSettings : { id: 0 };\r\n                        setPortSettings({ ...ps, sendReportsToAgentOnPortCall: checked ? checked : false })\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faGlobeEurope, faMapMarkerAlt, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\nimport { usePortProvider } from \"../../contextHooks/PortContext\";\r\nimport { Details } from \"./modules/Details\";\r\nimport { PortPartners } from \"./modules/PortPartners\";\r\nimport { PortSettings } from \"./modules/PortSettings\";\r\nimport { usePortSettings } from \"../../api/hooks/usePortSettings\";\r\nimport { usePort } from \"../../api/hooks/usePort\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { usePortPartners } from \"../../api/hooks/usePortPartners\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    >div {\r\n        padding: 20px 30px 10px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PortEditPanel: React.FC<{ commit: (_: IPort) => void, dismiss: (_?: IPort) => void }> = ({ commit, dismiss }) => {\r\n    // State\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const [error, setError] = useState<string | undefined>();\r\n    const [portId, setPortId] = useState<number | undefined>();\r\n\r\n    // Functions\r\n    const { app } = useAppContext();\r\n    const { port, portPartners: portContacts, portSettings, setPort, setPortPartners, setPortSettings } = usePortProvider()\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getError } = useRest();\r\n    const { id } = useParams<{ id: any }>();\r\n    const { port: apiPort, isValidating: fetchingPort, error: errorGetPort } = usePort(portId);\r\n    const { portSettings: apiPortSettings } = usePortSettings(port?.id);\r\n    const { portPartners: apiPortPartners } = usePortPartners(port?.id);\r\n\r\n    const save = async () => {\r\n        try {\r\n            let _port = port!.customerPort ? await app.api.savePort(port!, port!.id === 0) : port!;\r\n\r\n            let promises: Promise<any>[] = [\r\n                app.api.savePortPartners(_port.id, portContacts)\r\n            ];\r\n\r\n            if (portSettings) {\r\n                promises.push(app.api.savePortSettings(_port.id, portSettings!))\r\n            }\r\n\r\n            await Promise.all(promises);\r\n\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faSave} />,\r\n                text: `${!portId || portId === 0 ? \"Created\" : \"Updated\"} port ${port!.name}`,\r\n            });\r\n\r\n            commit(_port);\r\n        } catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setWorking(false);\r\n    }\r\n\r\n    const deletePort = () => {\r\n        app.api.deletePort(port!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${port!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(port)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!port || !port.name || port.name.trim().length < 2 || !port.countryCode || port.countryCode.trim().length < 1 || !port.timeZone || port.timeZone.trim().length < 1) {\r\n            return false;\r\n        }\r\n\r\n        let isValid = true;\r\n        portContacts.forEach(_ => {\r\n            if (!_.partner) {\r\n                isValid = false;\r\n            }\r\n        });\r\n\r\n        return isValid;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            if (Number(id) === 0) {\r\n                setPort({\r\n                    country: \"\",\r\n                    countryCode: \"\",\r\n                    customerPort: true,\r\n                    id: 0,\r\n                    inActive: false,\r\n                    latitude: 0,\r\n                    longitude: 0,\r\n                    name: \"\",\r\n                    timeZone: \"\"\r\n                });\r\n            }\r\n            else {\r\n                setPortId(id);\r\n            }\r\n        }\r\n        else {\r\n            setPortId(undefined);\r\n            setError(undefined);\r\n            setPort();\r\n            setPortSettings();\r\n            setPortPartners([]);\r\n        }\r\n    }, [id])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    useEffect(() => {\r\n        if (apiPortSettings) {\r\n            setPortSettings(apiPortSettings);\r\n        }\r\n    }, [apiPortSettings])\r\n\r\n    useEffect(() => {\r\n        if (apiPortPartners) {\r\n            setPortPartners(apiPortPartners);\r\n        }\r\n    }, [apiPortPartners])\r\n\r\n    useEffect(() => {\r\n        if (apiPort) {\r\n            setPort(apiPort);\r\n        }\r\n    }, [apiPort])\r\n\r\n    useEffect(() => {\r\n        if (errorGetPort) {\r\n            getError(errorGetPort)\r\n                .then(_ => setError(_));\r\n        }\r\n    }, [errorGetPort])\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{port?.id === 0 ? \"New port\" : \"Edit port\"}</span> {toCapitalLetters(port?.name)}</span>}\r\n            isOpen={id !== undefined}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"900px\"\r\n            dismiss={dismiss}\r\n            working={working}\r\n            loading={!port && fetchingPort}\r\n            icon={<FontAwesomeIcon icon={faGlobeEurope} />}\r\n            errorMessage={error}\r\n            warningMessage={!error && !port?.customerPort ? \"Details section can't be edited on ports originating from the system.\" : undefined}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: port?.id === 0 || !port?.customerPort || error !== undefined\r\n                },\r\n                {\r\n                    title: \"Open location in map\",\r\n                    icon: <FontAwesomeIcon icon={faMapMarkerAlt} />,\r\n                    disabled: port?.id === 0 || port?.latitude === 0 || port?.longitude === 0 || error !== undefined,\r\n                    onClick: () => {\r\n                        let link = `http://www.google.com/maps/place/${port?.latitude},${port?.longitude}`;\r\n                        window.open(link, \"_blank\");\r\n                    },\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title:\r\n                        port?.id === 0\r\n                            ? \"Create\"\r\n                            : \"Save\"\r\n                    ,\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            {!error &&\r\n                <Container>\r\n                    <Details />\r\n                    <PortSettings />\r\n                    <PortPartners />\r\n                    <AppDialog\r\n                        title=\"Delete port?\"\r\n                        subText={`Are you sure you want to delete ${port?.name} and related settings and contacts?`}\r\n                        open={deleteDialogOpen}\r\n                        cancel={() => setDeleteDialogOpen(false)}\r\n                        commit={deletePort}\r\n                    />\r\n                </Container>\r\n            }\r\n        </AppPanelNew>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IPortSettings } from \"../../interfaces/IPortSettings\";\r\n\r\nexport const usePortSettings = (id?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(id ? `/ports/${id}/settings` : null, {\r\n        // dedupingInterval: 0\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let portSettings: IPortSettings | undefined = data;\r\n\r\n    return { portSettings, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { IPortPartner } from \"../../interfaces/IPortPartner\";\r\n\r\nexport const usePortPartners = (portId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(portId ? `/ports/${portId}/partners` : null, {\r\n        // dedupingInterval: 0\r\n        revalidateOnFocus: false,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let portPartners: IPortPartner[] | undefined = data;\r\n\r\n    return { portPartners, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { PortEditPanel } from \"./PortEditPanel\";\r\nimport { IPort } from \"../../interfaces/IPort\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { PortContextProvider } from \"../../contextHooks/PortContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Ports = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [ports, setPorts] = useState<IPort[]>([]);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            capitalLetters: true\r\n        },\r\n        {\r\n            key: \"unLoCode\"\r\n        },\r\n        {\r\n            key: \"country\"\r\n        },\r\n        {\r\n            key: \"timeZone\"\r\n        },\r\n        {\r\n            key: \"customerPort\",\r\n            title: \"Customer port\",\r\n            capitalLetters: true,\r\n            width: \"150px\",\r\n            render: (port: IPort) => {\r\n                return (\r\n                    <OnOffSwitch on={port.customerPort} onTxt=\"Yes\" offTxt=\"No\" />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (p: IPort) => {\r\n        history(`/ports/${p.id}`);\r\n    }\r\n\r\n    const getPorts = () => {\r\n        app.api.getPorts(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setPorts(_);\r\n                }\r\n                else {\r\n                    setPorts([...ports, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all ports mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const rowStyle = (_: IPort) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getPorts();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n\r\n            // setPanelPortId(id);\r\n\r\n            // let p = ports.find(_ => _.id === Number(id));\r\n            // if (p) {\r\n            //     // setEditPort(p)\r\n\r\n            //     setPanelPortId()\r\n\r\n            //     return;\r\n            // }\r\n        }\r\n    }, [ports, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo: \"Port free text search looks up the following columns; Name, Country and UnLoCode\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New port\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            history(\"/ports/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"ports\",\r\n                            title: \"ports\",\r\n                            url: \"/ports\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={ports}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <PortContextProvider>\r\n                <PortEditPanel\r\n                    commit={p => {\r\n                        let index = ports.findIndex(_ => _.id === p.id);\r\n                        let _ports = ports.slice();\r\n\r\n                        if (index >= 0) {\r\n                            _ports[index] = p;\r\n                        }\r\n                        else {\r\n                            _ports.unshift(p)\r\n                        }\r\n\r\n                        setPorts(_ports);\r\n                        history(\"/ports\");\r\n                    }}\r\n                    dismiss={p => {\r\n                        history(\"/ports\");\r\n\r\n                        // If deleted, remove from list\r\n                        if (p) {\r\n                            setPorts(ports.slice().filter(_ => _.id !== p.id));\r\n                        }\r\n                    }}\r\n                />\r\n            </PortContextProvider>\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\nimport { useEnumFunctions } from \"../../hooks/useEnumFunctions\";\r\nimport { PersonTypes } from \"../../_enums/PersonTypes\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Persons filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n\r\n                {/* <InputWithDescription description=\"Person types\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select person types\"\r\n                        selectedKeys={getFilter(filters, \"personTypeIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"personTypeIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"personTypeIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters,\r\n                                    {\r\n                                        property: { name: \"personTypeIds\", displayName: \"person types\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return PersonTypes[_];\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }\r\n                                ));\r\n                            }\r\n                        }}\r\n                        options={convertToKeyValuePair(PersonTypes)}\r\n                    />\r\n                </InputWithDescription> */}\r\n\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","export enum PersonTypes {\r\n    Master = 1\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Dropdown, Toggle } from \"@fluentui/react\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { IPerson } from \"../../interfaces/IPerson\";\r\nimport { useEnumFunctions } from \"../../hooks/useEnumFunctions\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { PersonTypes } from \"../../_enums/PersonTypes\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PersonEditPanel: React.FC<{ isOpen: boolean, p?: IPerson, commit: (_: IPerson) => void, dismiss: (_?: IPerson) => void }> = ({ isOpen, p, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const [person, setPerson] = useState<IPerson | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = p && p.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.savePerson(person!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${person!.firstName} ${person?.lastName} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deletePerson = () => {\r\n        app.api.deletePerson(person!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${person!.firstName} ${person?.lastName} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(person)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!person || !person.firstName || person.firstName.trim().length < 2 || !person.lastName || person.lastName.trim().length < 2 || !person.type) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setPerson(p);\r\n    }, [p])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!person) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New person\" : \"Edit\"}</span> {person.firstName} {person.lastName}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!person.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setPerson({\r\n                            ...person,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    required\r\n                    value={person.firstName ? person.firstName : \"\"}\r\n                    description=\"Firstname\"\r\n                    onChange={(ev, v) => setPerson({ ...person, firstName: v ? v : \"\" })}\r\n                />\r\n\r\n                <AppTextField\r\n                    required\r\n                    value={person.lastName ? person.lastName : \"\"}\r\n                    description=\"Lastname\"\r\n                    onChange={(ev, v) => setPerson({ ...person, lastName: v ? v : \"\" })}\r\n                />\r\n\r\n                <InputWithDescription description=\"Person type\">\r\n                    <Dropdown\r\n                        placeholder=\"Select person type\"\r\n                        selectedKey={Number(person.type)}\r\n                        options={convertToKeyValuePair(PersonTypes)}\r\n                        onChange={(ev, v) => {\r\n                            if (v) {\r\n                                setPerson({ ...person, type: Number(v.key) });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppTextField\r\n                    value={person.email ? person.email : \"\"}\r\n                    description=\"Email\"\r\n                    onChange={(ev, v) => setPerson({ ...person, email: v ? v : \"\" })}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={person.phone ? person.phone : \"\"}\r\n                    description=\"Phone\"\r\n                    onChange={(ev, v) => setPerson({ ...person, phone: v ? v : \"\" })}\r\n                />\r\n\r\n                <AppTextField\r\n                    value={person.mobile ? person.mobile : \"\"}\r\n                    description=\"Mobile\"\r\n                    onChange={(ev, v) => setPerson({ ...person, mobile: v ? v : \"\" })}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete person?\"\r\n                    subText={`Are you sure you want to delete ${person.firstName} ${person.lastName}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={() => {\r\n                        deletePerson();\r\n                    }}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { PersonEditPanel } from \"./PersonEditPanel\";\r\nimport { IPerson } from \"../../interfaces/IPerson\";\r\nimport { PersonTypes } from \"../../_enums/PersonTypes\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Persons = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [persons, setPersons] = useState<IPerson[]>([]);\r\n    const [editPerson, setEditPerson] = useState<IPerson | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"firstName\"\r\n        },\r\n        {\r\n            key: \"lastName\"\r\n        },\r\n        {\r\n            key: \"type\",\r\n            render: ((_:IPerson)=> {\r\n                return PersonTypes[_.type!];\r\n            })\r\n        },\r\n        {\r\n            key: \"email\"\r\n        },\r\n        {\r\n            key: \"phone\"\r\n        },\r\n        {\r\n            key: \"mobile\"\r\n        }\r\n    ];\r\n\r\n    const rowClick = (p: IPerson) => {\r\n        history(`/persons/${p.id}`);\r\n    }\r\n\r\n    const getPersons = () => {\r\n        app.api.getPersons(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setPersons(_);\r\n                }\r\n                else {\r\n                    setPersons([...persons, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all persons mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const rowStyle = (_: IPerson) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getPersons();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = persons.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditPerson(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [persons, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New person\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditPerson({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/persons/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"persons\",\r\n                            title: \"persons\",\r\n                            url: \"/persons\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={persons}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <PersonEditPanel\r\n                p={editPerson}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = persons.findIndex(_ => _.id === p.id);\r\n                    let _persons = persons.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _persons[index] = p;\r\n                    }\r\n                    else {\r\n                        _persons.unshift(p)\r\n                    }\r\n\r\n                    setPersons(_persons);\r\n                    setEditPerson(undefined);\r\n                    history(\"/persons\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditPerson(undefined);\r\n                    history(\"/persons\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setPersons(persons.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Trades filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEarthEurope, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { ITrade } from \"../../interfaces/ITrade\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TradesEditPanel: React.FC<{ isOpen: boolean, t?: ITrade, commit: (_: ITrade) => void, dismiss: (_?: ITrade) => void }> = ({ isOpen, t, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [trade, setTrade] = useState<ITrade | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = t && t.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.saveTrade(trade!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${trade!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deleteTrade = () => {\r\n        app.api.deleteTrade(trade!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${trade!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(trade)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!trade || !trade.name || trade.name.trim().length < 2) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setTrade(t);\r\n    }, [t])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!trade) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New trade\" : \"Edit\"}</span> {trade.name}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            warningMessage={trade.externalId ? \"Some functionality is disabled because the trade originates from an external system\" : undefined}\r\n            icon={<FontAwesomeIcon icon={faEarthEurope} />}\r\n            footerActions={\r\n                trade.externalId\r\n                    ? []\r\n                    : [{\r\n                        title: \"Delete\",\r\n                        icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                        onClick: () => setDeleteDialogOpen(true),\r\n                        disabled: isNew\r\n                    }]\r\n            }\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!trade.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setTrade({\r\n                            ...trade,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    autoFocus\r\n                    autoComplete=\"off\"\r\n                    value={trade.name ? trade.name : \"\"}\r\n                    disabled={trade.externalId ? true : false}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setTrade({\r\n                            ...trade,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    multiline\r\n                    autoAdjustHeight\r\n                    value={trade.description ? trade.description : \"\"}\r\n                    disabled={trade.externalId ? true : false}\r\n                    description=\"Description\"\r\n                    onChange={(ev, v) => {\r\n                        setTrade({\r\n                            ...trade,\r\n                            description: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete trade?\"\r\n                    subText={`Are you sure you want to delete ${trade.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={deleteTrade}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ITrade } from \"../../interfaces/ITrade\";\r\nimport { TradesEditPanel } from \"./TradesEditPanel\";\r\nimport { OriginIcon } from \"../../blocks/originIcon/OriginIcon\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Trades = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [trades, setTrades] = useState<ITrade[]>([]);\r\n    const [editTrade, setEditTrade] = useState<ITrade | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"externalId\",\r\n            title: \"Origin\",\r\n            width: \"40px\",\r\n            render: (_: ITrade) => {\r\n                return <OriginIcon externalId={_.externalId} disabled={_.inActive} />\r\n            }\r\n        },\r\n        {\r\n            key: \"name\",\r\n            width: \"150px\"\r\n        },\r\n        {\r\n            key: \"description\",\r\n            hideBelowWidth: \"800px\"\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            width: \"80px\",\r\n            render: (_: ITrade) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={!_.inActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: ITrade) => {\r\n        history(`/trades/${_.id}`);\r\n    }\r\n\r\n    const rowStyle = (_: ITrade) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const getTrades = () => {\r\n        app.api.getTrades(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setTrades(_);\r\n                }\r\n                else {\r\n                    setTrades([...trades, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all trades mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getTrades();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = trades.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditTrade(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [trades, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo: \"Trade free text search looks up the following columns; Trade name and description\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New trade\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditTrade({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/trades/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"trades\",\r\n                            title: \"trades\",\r\n                            url: \"/trades\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={trades}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <TradesEditPanel\r\n                t={editTrade}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = trades.findIndex(_ => _.id === p.id);\r\n                    let _trades = trades.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _trades[index] = p;\r\n                    }\r\n                    else {\r\n                        _trades.unshift(p)\r\n                    }\r\n\r\n                    setTrades(_trades);\r\n                    setEditTrade(undefined);\r\n                    history(\"/trades\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditTrade(undefined);\r\n                    history(\"/trades\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setTrades(trades.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown, Toggle } from \"@fluentui/react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Portcalls filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters,\r\n                                    {\r\n                                        property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return vessels?.find(v => v.id === _)?.name;\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }\r\n                                ));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Scheduled from\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Scheduled to\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n\r\n                <div style={{ marginTop: \"15px\" }}>\r\n                    <Toggle\r\n                        checked={getFilter(filters, \"includeInActive\") ? true : false}\r\n                        onText=\"Show inactive / disabled portcalls\"\r\n                        offText=\"Show inactive / disabled portcalls\"\r\n                        onChange={(ev, checked) => {\r\n                            if (checked) {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: {\r\n                                        name: \"includeInActive\",\r\n                                        displayName: \"show inactive\"\r\n                                    },\r\n                                    value: {\r\n                                        value: true,\r\n                                        displayValue: \"yes\"\r\n                                    }\r\n                                }));\r\n                            }\r\n                            else {\r\n                                setFilters(filters.slice().filter(f => f.property.name !== \"includeInActive\"));\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled, { CSSProperties } from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { PortCallStatus } from \"../../_enums/PortCallStatus\";\r\nimport { DateTime } from \"luxon\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCheck, faClock, faExclamationCircle, faFileExcel, faFilter, faPlay } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { IPortCall } from \"../../interfaces/IPortCall\";\r\nimport { OriginIcon } from \"../../blocks/originIcon/OriginIcon\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { usePortCallFunctions } from \"../../globalHooks/usePortCallFunctions\";\r\nimport { useCachedFilters } from \"../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../interfaces/ICachedFilter\";\r\nimport { ProgressBar } from \"../progressBar/ProgressBar\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { useMediaQuery } from \"../../hooks/useMediaQuery\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { PortColumn } from \"../../blocks/portColumn/PortColumn\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { useFileFunctions } from \"../../hooks/useFileFunctions\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n\r\nconst Eta = styled.div`\r\n    position: relative;\r\n\r\n    >span {\r\n        background-color: white;\r\n        padding: 3px 6px;\r\n        border-radius: 4px;\r\n        box-shadow: 0 0 6px #ccc;\r\n        margin-left: -6px;\r\n    }\r\n\r\n    >div:last-child {\r\n        width: 100%;\r\n    }\r\n`;\r\n\r\nconst PortCallStatusColumn = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .status {\r\n        height: 17px;\r\n        width: 17px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        border-radius: 50%;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .finished {\r\n        background-color: #2f9b53;\r\n        color: white;\r\n    }\r\n\r\n    .scheduled {\r\n        color: #bbb;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .late {\r\n        color: #f33a3a;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .active {\r\n        color: #4177bf;\r\n        font-size: 16px;\r\n        animation: animateActiveStatus 3s infinite;\r\n        @keyframes animateActiveStatus {\r\n            34% {\r\n                scale: 1;\r\n            }\r\n            50% {\r\n                scale: .25;\r\n            }\r\n            65% {\r\n                scale: 1;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const PortCalls = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { timezoneType, fixedTimezone } = useAppProvider();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const { getDuration, getDurationString, makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { triggerDownload } = useFileFunctions();\r\n    const { getError } = useRest();\r\n    const { getStatus } = usePortCallFunctions();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const [portcalls, setPortcalls] = useState<IPortCall[]>([]);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [searchParams] = useSearchParams();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [downloadingReport, setDownloadingReport] = useState(false);\r\n    const history = useNavigate();\r\n    const viewType = searchParams.get(\"view\");\r\n    const companyUsesVoyageReference = app.currentCustomerRole.customer.settings?.useVoyageReference;\r\n    const take = 50;\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"externalId\",\r\n            title: \"Origin\",\r\n            gridCellWidth: \"60px\",\r\n            render: (_: IPortCall) => {\r\n                return <OriginIcon externalId={_.externalId} disabled={_.inActive} />;\r\n            }\r\n        },\r\n        {\r\n            key: companyUsesVoyageReference ? \"voyage.reference\" : \"voyage.voyageNumber\",\r\n            title: \"Voyage\"\r\n        },\r\n        {\r\n            key: \"voyage.vessel.name\",\r\n            title: \"Vessel\",\r\n            render: (pc: IPortCall) => {\r\n                return toCapitalLetters(pc.voyage?.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"port.name\",\r\n            title: \"Port\",\r\n            render: (pc: IPortCall) => {\r\n                return <PortColumn port={pc.port} inActive={pc.inActive} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"reasonForCalls\",\r\n            title: \"Reason for calls\",\r\n            exclude: useMediaQuery(\"(max-width: 1600px)\"),\r\n            render: (pc: IPortCall) => {\r\n                return pc.reasonForCalls?.map(_ => _.name).join(\", \");\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledArrival\",\r\n            title: \"STA\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return <DateString style={{ color: pc.arrived ? \"#aaa\" : undefined }} title={tz} date={pc.scheduledArrival} timeZone={tz} short dateOnly />;\r\n            }\r\n        },\r\n        {\r\n            key: \"arrival\",\r\n            title: \"ETA / ATA\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return pc.arrived\r\n                    ? <DateString title={tz} date={pc.arrived} timeZone={tz} short />\r\n                    : pc.eta\r\n                        ? <Eta title=\"ETA reported by vessel\">\r\n                            <DateString title={tz} date={pc.eta} timeZone={tz} short />\r\n                            <div>\r\n                                <ProgressBar height=\"2px\" />\r\n                            </div>\r\n                        </Eta>\r\n                        : undefined\r\n                    ;\r\n            }\r\n        },\r\n        {\r\n            key: \"duration\",\r\n            title: \"Duration\",\r\n            exclude: useMediaQuery(\"(max-width: 1700px)\"),\r\n            textAlign: \"center\",\r\n            isError: (pc:IPortCall) => {\r\n                if(pc.arrived) {\r\n                    let d = getDuration(pc.arrived, pc.departed ? pc.departed : DateTime.now().toJSDate());\r\n                    return d <= 0;\r\n                }\r\n                return false;\r\n            },\r\n            render: (pc: IPortCall) => {\r\n                if(pc.arrived) {\r\n                    let d = getDuration(pc.arrived, pc.departed ? pc.departed : DateTime.now().toJSDate());\r\n                    return getDurationString(d);\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"scheduledDeparture\",\r\n            title: \"ETD\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return <DateString style={{ color: pc.departed ? \"#aaa\" : undefined }} title={tz} date={pc.scheduledDeparture} timeZone={tz} short dateOnly />;\r\n            }\r\n        },\r\n        {\r\n            key: \"departure\",\r\n            title: \"ATD\",\r\n            render: (pc: IPortCall) => {\r\n                let tz = resolveTimeZone(pc.port?.timeZone);\r\n                return <DateString title={tz} date={pc.departed} timeZone={tz} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"agent.name\",\r\n            title: \"Agent\",\r\n            exclude: useMediaQuery(\"(max-width: 1600px)\"),\r\n            render: (pc: IPortCall) => {\r\n                return toCapitalLetters(pc.agent?.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"status\",\r\n            title: \"Status\",\r\n            noPadding: true,\r\n            gridCellWidth: \"max-content\",\r\n            render: (pc: IPortCall) => {\r\n                let pcStatus = getStatus(pc);\r\n                let title = \"Unknown status\";\r\n                let status: JSX.Element = (\r\n                    <span />\r\n                );\r\n\r\n                if (pc.inActive) {\r\n                    title = \"Inactive\";\r\n                    status = (\r\n                        <div className=\"status inactive\">\r\n                            -\r\n                        </div>\r\n                    );\r\n                }\r\n                else if (pcStatus === PortCallStatus.Active) {\r\n                    title = \"Active\";\r\n                    status = (\r\n                        <div className=\"status active\">\r\n                            <FontAwesomeIcon icon={faPlay} />\r\n                        </div>\r\n                    );\r\n                }\r\n                else if (pcStatus === PortCallStatus.Finished) {\r\n                    title = \"Finished\";\r\n                    status = (\r\n                        <div className=\"status finished\">\r\n                            <FontAwesomeIcon icon={faCheck} />\r\n                        </div>\r\n                    );\r\n                }\r\n                else if (DateTime.now().diff(makeDateObject(pc.scheduledArrival)).as(\"hours\") > 12) {\r\n                    title = \"More than 12 hours late\";\r\n                    status = (\r\n                        <div className=\"status late\">\r\n                            <FontAwesomeIcon icon={faClock} />\r\n                        </div>\r\n                    );\r\n                }\r\n                else {\r\n                    title = \"Scheduled\";\r\n                    status = (\r\n                        <div className=\"status scheduled\">\r\n                            <FontAwesomeIcon icon={faClock} />\r\n                        </div>\r\n                    );\r\n                }\r\n\r\n                return (\r\n                    <PortCallStatusColumn title={title}>\r\n                        {status}\r\n                    </PortCallStatusColumn>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (pc: IPortCall) => {\r\n        history(`/portcalls/${pc.id}`);\r\n    }\r\n\r\n    const cellStyle = (pc: IPortCall): CSSProperties | undefined => {\r\n        if (pc.inActive) {\r\n            return {\r\n                textDecoration: \"line-through\",\r\n                textDecorationColor: \"#888\",\r\n                color: \"#aaa\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const getPortCalls = () => {\r\n        app.api.getPortCalls(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setPortcalls(_);\r\n                }\r\n                else {\r\n                    setPortcalls([...portcalls, ..._]);\r\n                    if (_.length < take) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all portcalls mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length >= take) {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: _.skip + take });\r\n                    });\r\n                }\r\n                else {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: 0, allFetched: true });\r\n                    });\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    const downloadReport = async () => {\r\n        app.setAppMessage({\r\n            text: \"Exporting data, please wait...\",\r\n            ttl: 15000,\r\n            icon: <FontAwesomeIcon icon={faFileExcel} />\r\n        });\r\n\r\n        try {\r\n            let qParams = getFilterString([\r\n                ...filters,\r\n                {\r\n                    property: { name: \"timezoneType\" },\r\n                    value: { value: timezoneType }\r\n                },\r\n                {\r\n                    property: { name: \"fixedTimezone\" },\r\n                    value: { value: fixedTimezone }\r\n                },\r\n                {\r\n                    property: { name: \"pcTimezone\" },\r\n                    value: { value: Intl.DateTimeFormat().resolvedOptions().timeZone }\r\n                }\r\n            ]);\r\n            let base64string = await app.api.downloadPortCallsReport(qParams);\r\n            app.setAppMessage();\r\n\r\n            let tResult = triggerDownload(base64string, \"Portcalls.xlsx\");\r\n            if (!tResult.ok) {\r\n                app.setAppMessage({ isError: true, text: tResult.error! });\r\n            }\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({\r\n                text: await getError(error),\r\n                isError: true\r\n            });\r\n        }\r\n\r\n        setDownloadingReport(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.PortCalls));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (downloadingReport) {\r\n            downloadReport();\r\n        }\r\n    }, [downloadingReport])\r\n\r\n    useEffect(() => {\r\n        if (!viewType) {\r\n            return;\r\n        }\r\n\r\n        let cachedFilters = getCachedFilters(CachedFilterType.PortCalls);\r\n\r\n        // Clicked on a link, clear filters and set default view\r\n        if (viewType === \"today\") {\r\n            let from = new Date();\r\n            let to = DateTime.fromJSDate(from).plus({ days: 1 }).toJSDate();\r\n\r\n            from.setHours(0, 0, 0);\r\n            to.setHours(0, 0, 0);\r\n\r\n            setFilters([\r\n                ...cachedFilters.filter(_ => _.property.name !== \"from\"),\r\n                {\r\n                    auto: true,\r\n                    sortOrder: 1,\r\n                    property: { name: \"from\" },\r\n                    value: {\r\n                        value: from,\r\n                        displayValue: DateTime.fromJSDate(from).toFormat(\"ccc dd MMM yy\")\r\n                    }\r\n                },\r\n                {\r\n                    auto: true,\r\n                    sortOrder: 2,\r\n                    property: { name: \"to\" },\r\n                    value: {\r\n                        value: to,\r\n                        displayValue: DateTime.fromJSDate(to).toFormat(\"ccc dd MMM yy\")\r\n                    }\r\n                }\r\n            ]);\r\n        }\r\n        else if (viewType === \"scheduled\") {\r\n            let from = new Date();\r\n            from.setHours(0, 0, 0);\r\n\r\n            setFilters([\r\n                ...cachedFilters,\r\n                {\r\n                    auto: true,\r\n                    property: { name: \"from\" },\r\n                    sortOrder: 1,\r\n                    value: {\r\n                        value: from,\r\n                        displayValue: DateTime.fromJSDate(from).toFormat(\"ccc dd MMM yy\")\r\n                    }\r\n                }\r\n            ]);\r\n        }\r\n        else {\r\n            setFilters(getCachedFilters(CachedFilterType.PortCalls));\r\n        }\r\n    }, [viewType]);\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getPortCalls();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0,\r\n            allFetched: false\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.PortCalls, filters);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage progressbar={fetching}>\r\n            <ContentPageHeader\r\n                search={{\r\n                    additionalInfo:\r\n                        <span>\r\n                            Portcall free text search looks up the following columns; Port, ${companyUsesVoyageReference ? 'Voyage reference' : 'Voyage number'}, Vessel and Agent`,\r\n                            <br /><br />\r\n                            Is also possible to target specific columns using keywords. Use colon to target a specific column. E.g. \"<code style={{ fontWeight: 600 }}>port: Rotterdam</code>\" will search for portcalls in Rotterdam. Valid keywords are:\r\n                            <ul>\r\n                                <li>port or p (e.g. \"<code style={{ fontWeight: 600 }}>port: Bergen</code>\")</li>\r\n                                <li>agent or a (e.g. \"<code style={{ fontWeight: 600 }}>a: My Agent</code>\")</li>\r\n                                <li>voyage or vo (e.g. \"<code style={{ fontWeight: 600 }}>vo: 2025002</code>\")</li>\r\n                                <li>vessel or v (e.g. \"<code style={{ fontWeight: 600 }}>v: Digital King</code>\")</li>\r\n                                <li>externalid or ex (e.g. \"<code style={{ fontWeight: 600 }}>ex: 245781</code>\")</li>\r\n                            </ul>\r\n                            Combining multiple targeted columns is also possible using comma as seperator. The following search will look for portcalls in Rotterdam for the vessel Digital King:\r\n                            <br /><br />\r\n                            <code style={{ fontWeight: 600 }}>p: Rotterdam, vessel: Digital King</code>\r\n                            <br /><br />\r\n                            It's also possible to combine targeted columns and wild card search, such as:\r\n                            <br /><br />\r\n                            <code style={{ fontWeight: 600 }}>p: Rotterdam, Digital King</code>\r\n                        </span>,\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.PortCalls, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"Export data to Excel based on selected filters\",\r\n                        icon: <FontAwesomeIcon icon={faFileExcel} />,\r\n                        disabled: downloadingReport,\r\n                        onClick: () => setDownloadingReport(true)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"portcalls\",\r\n                            title: \"portcalls\",\r\n                            url: \"/portcalls\"\r\n                        },\r\n                        {\r\n                            id: \"Filter\",\r\n                            title: viewType ? viewType : \"all\",\r\n                            url: `/portcalls${viewType ? `?view=${viewType}` : \"\"}`\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_);\r\n                            setCachedFilters(CachedFilterType.PortCalls, _);\r\n                            history(\"/portCalls\");\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 500) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            rowShadow\r\n                            data={portcalls}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            cellStyle={cellStyle}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    history(\"/portCalls\");\r\n                    setFilters(_);\r\n                    setCachedFilters(CachedFilterType.PortCalls, _);\r\n                }}\r\n            />\r\n\r\n\r\n\r\n            {/* <ListFilter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    history(\"/portCalls\");\r\n                    setFilters(_);\r\n                    setCachedFilters(CachedFilterType.PortCalls, _);\r\n                }}\r\n            /> */}\r\n\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useHelpDocuments } from \"../../../api/hooks/useHelpDocuments\";\r\nimport { IAppTableColumn } from \"../../../interfaces/IAppTableColumn\";\r\nimport { IDocument } from \"../../../interfaces/IDocument\";\r\nimport { useFileFunctions } from \"../../../hooks/useFileFunctions\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { getFileTypeIconProps } from \"@fluentui/react-file-type-icons\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { faExclamationCircle, faSync } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ProgressBar } from \"../../progressBar/ProgressBar\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Progress = styled.div`\r\n    position: absolute;\r\n    width: 100%;\r\n    top: 0;\r\n    z-index: 1;\r\n`;\r\n\r\nconst DocumentLink = styled.span`\r\n    :hover {\r\n        color: #4177bf;\r\n        text-decoration: underline;\r\n        cursor: pointer;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const HelpDocs = () => {\r\n    const { folder, isValidating, mutate } = useHelpDocuments();\r\n    const { getFileSize } = useFileFunctions();\r\n    const { app } = useAppContext();\r\n    const { convertBase64ToArrayBuffer } = useStringFunctions();\r\n    const { getExtension } = useFileFunctions();\r\n    const { getError } = useRest();\r\n    const { relativeDateString } = useDateFunctions();\r\n\r\n    const openPdf = (bytes: Uint8Array) => {\r\n        let blob = new Blob([bytes], {\r\n            type: \"application/pdf\"\r\n        });\r\n\r\n        var fileURL = URL.createObjectURL(blob);\r\n        window.open(fileURL);\r\n        URL.revokeObjectURL(fileURL);\r\n\r\n\r\n        /*\r\n        var url = window.URL || window.webkitURL;\r\n        let link = url.createObjectURL(blob);\r\n        window.open(link, \"_blank\");\r\n        var aDom = document.createElement(\"a\");\r\n        aDom.setAttribute('style', 'display:none');\r\n        aDom.setAttribute('href', link);\r\n\r\n        aDom.setAttribute('download', \"20230321000504\"+\"_CONFIRMPDF.pdf\");\r\n\r\n\r\n\r\n        document.body.appendChild(aDom);\r\n        aDom.click();\r\n        URL.revokeObjectURL(link);\r\n        document.body.removeChild(aDom);\r\n        */\r\n    }\r\n\r\n    const downloadToClient = (bytes: Uint8Array, filename: string) => {\r\n        let blob = new Blob([bytes]);\r\n        const link = document.createElement('a');\r\n\r\n        // Browsers that support HTML5 download attribute\r\n        if (link.download !== undefined) {\r\n            const url = URL.createObjectURL(blob);\r\n            link.setAttribute('href', url);\r\n            link.setAttribute('download', filename);\r\n            link.style.visibility = 'hidden';\r\n            document.body.appendChild(link);\r\n            link.click();\r\n            document.body.removeChild(link);\r\n\r\n            app.setAppMessage();\r\n        }\r\n        else {\r\n            app.setAppMessage({\r\n                text: \"Your browser does not support this type of download\",\r\n                ttl: 4000,\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n            });\r\n        }\r\n    }\r\n\r\n    const downloadDocument = (document: IDocument) => {\r\n        let extension = getExtension(document.name).toLowerCase();\r\n\r\n        app.setAppMessage({\r\n            text: \"Downloading document, please wait...\",\r\n            ttl: 10000,\r\n            icon: <Icon {...getFileTypeIconProps({ extension, size: 20, imageFileType: 'png' })} />\r\n        });\r\n\r\n        app.api.downloadHelpDocument(document.id)\r\n            .then(_ => {\r\n                let bytes = convertBase64ToArrayBuffer(_);\r\n                if (!bytes) {\r\n                    console.log(\"Unable to download PDF\");\r\n                    app.setAppMessage({\r\n                        text: \"Unable to download PDF\",\r\n                        ttl: 4000,\r\n                        icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n                    });\r\n                }\r\n                else {\r\n                    if (extension === \"pdf\") {\r\n                        openPdf(bytes);\r\n                    }\r\n                    else {\r\n                        downloadToClient(bytes, document.name);\r\n                    }\r\n                }\r\n                app.setAppMessage();\r\n            })\r\n            .catch(async err => {\r\n                console.log(err);\r\n                app.setAppMessage({\r\n                    text: await getError(err),\r\n                    ttl: 4000,\r\n                    icon: <FontAwesomeIcon icon={faExclamationCircle} />\r\n                });\r\n            });\r\n    }\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"icon\",\r\n            title: \"Type\",\r\n            width: \"20px\",\r\n            render: (document: IDocument) => {\r\n                return <Icon style={{ paddingTop: \"3px\" }} {...getFileTypeIconProps({ extension: getExtension(document.name), size: 20, imageFileType: 'png' })} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"name\",\r\n            render: (document: IDocument) => {\r\n                return <DocumentLink title=\"Download file\" onClick={() => downloadDocument(document)}>{document.name}</DocumentLink>;\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            width: \"120px\",\r\n            render: (document: IDocument) => {\r\n                return relativeDateString(document.modified, { \"months\": 6 }, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"modifiedBy\",\r\n            title: \"Modified by\",\r\n            width: \"200px\",\r\n        },\r\n        {\r\n            key: \"size\",\r\n            width: \"80px\",\r\n            render: (document: IDocument) => {\r\n                return getFileSize(document.size ? document.size : 0);\r\n            }\r\n        }\r\n    ];\r\n\r\n    return (\r\n        <ContentPage>\r\n            <Progress>\r\n                <ProgressBar visible={isValidating} height=\"2px\" color=\"#4177bf\" />\r\n            </Progress>\r\n            <ContentPageHeader\r\n                actions={[{\r\n                    title: \"Refresh\",\r\n                    icon: <FontAwesomeIcon icon={faSync} />,\r\n                    disabled: isValidating,\r\n                    onClick: () => {\r\n                        mutate();\r\n                    }\r\n                }]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"help\",\r\n                            title: \"help\",\r\n                            url: \"/help/docs\"\r\n                        },\r\n                        {\r\n                            id: \"docs\",\r\n                            title: \"documents\",\r\n                            url: \"/help/docs\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppTable\r\n                    data={folder?.documents}\r\n                    columns={columns}\r\n                    loading={isValidating && !folder}\r\n                />\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IDocumentFolder } from \"../../interfaces/IDocumentFolder\";\r\n\r\nexport const useHelpDocuments = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/help/documents\", {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 1000 * 60 * 5\r\n    });\r\n\r\n    let folder: IDocumentFolder | undefined = data;\r\n\r\n    return { folder, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExclamationCircle, faPaperPlane } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { DefaultButton, PrimaryButton, TextField } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ISupportTicket } from \"../../../interfaces/ISupportTicket\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useUrlParams } from \"../../../globalHooks/useUrlParams\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 00px 30px 30px;\r\n    display: grid;\r\n    grid-gap: 20px;\r\n    font-size: 14px;\r\n\r\n    .support-ticket-buttons {\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        margin: 0 -5px;\r\n\r\n        button {\r\n            margin: 0 5px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const HelpForm = () => {\r\n    const { app } = useAppContext();\r\n    const [ticket, setTicket] = useState<ISupportTicket>({});\r\n    const [sending, setSending] = useState(false);\r\n    const [sent, setSent] = useState(false);\r\n    const history = useNavigate();\r\n    const { getError } = useRest();\r\n    const { getUrlParam } = useUrlParams();\r\n\r\n    const sendTicket = async () => {\r\n        try {\r\n            await app.api.sendSupportTicket(ticket);\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faPaperPlane} />,\r\n                text: \"Your message has been successfully submitted. We'll get back to you shortly.\"\r\n            });\r\n        } catch (err) {\r\n            app.setAppMessage({\r\n                icon: <FontAwesomeIcon icon={faExclamationCircle} />,\r\n                text: await getError(err)\r\n            });\r\n        }\r\n        setSending(false);\r\n        setSent(true);\r\n    }\r\n\r\n    const formIsValid = () => {\r\n        if (ticket.subject && ticket.subject.trim().length > 0 && ticket.message && ticket.message.trim().length > 0) {\r\n            return true;\r\n        }\r\n        return false;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (sending) {\r\n            sendTicket();\r\n        }\r\n    }, [sending]);\r\n\r\n    useEffect(() => {\r\n        let subject = getUrlParam(\"s\");\r\n        if (subject) {\r\n            setTicket({ subject });\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <ContentPage working={sending}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Send\",\r\n                        icon: <FontAwesomeIcon icon={faPaperPlane} />,\r\n                        disabled: !formIsValid(),\r\n                        onClick: () => setSending(true)\r\n                    },\r\n                    {\r\n                        title: \"Go back\",\r\n                        icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                        onClick: () => history(-1)\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"help\",\r\n                            title: \"help\",\r\n                            url: \"/help/form\"\r\n                        },\r\n                        {\r\n                            id: \"form\",\r\n                            title: \"form\",\r\n                            url: \"/help/form\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    Contact support\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    <div>\r\n                        {sent\r\n                            ? \"Your message has been successfully submitted. A team member will get back to you as soon as possible.\"\r\n                            : \"We're happy to help you with any inquiries you may have. Please fill in the form and we'll get back to you as soon as possible.\"\r\n                        }\r\n                    </div>\r\n                    {!sent &&\r\n                        <>\r\n                            <div>\r\n                                <TextField\r\n                                    placeholder=\"Subject\"\r\n                                    value={ticket.subject ? ticket.subject : \"\"}\r\n                                    onChange={(ev, v) => {\r\n                                        setTicket({ ...ticket, subject: v });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            <div>\r\n                                <TextField\r\n                                    placeholder=\"Your message here...\"\r\n                                    value={ticket.message ? ticket.message : \"\"}\r\n                                    multiline\r\n                                    onChange={(ev, v) => {\r\n                                        setTicket({ ...ticket, message: v });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                            <div className=\"support-ticket-buttons\">\r\n                                <PrimaryButton\r\n                                    text=\"Send\"\r\n                                    disabled={!formIsValid()}\r\n                                    onClick={() => setSending(true)}\r\n                                />\r\n                                <DefaultButton\r\n                                    text=\"Cancel\"\r\n                                    onClick={() => history(-1)}\r\n                                />\r\n                            </div>\r\n                        </>\r\n                    }\r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { HelpDocs } from \"./HelpDocs/HelpDocs\";\r\nimport { HelpForm } from \"./HelpForm/HelpForm\";\r\n// import { DevelopmentTasks } from \"./development/DevelopmentTasks\";\r\n\r\nexport const Help = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"/docs\" element={<HelpDocs />} />\r\n            <Route path=\"/form\" element={<HelpForm />} />\r\n            {/* <Route path=\"/development|/help/development/:id\" element={    <DevelopmentTasks />} /> */}\r\n        </Routes>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, DatePicker, Dropdown, Toggle } from \"@fluentui/react\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { ICustomerSubscription } from \"../../../interfaces/ICustomerSubscription\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faExclamationCircle, faPlus, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { ICompany } from \"../../../interfaces/ICompany\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useCustomerSubscriptions } from \"../../../api/hooks/useCustomerSubscriptions\";\r\nimport { useSubscriptionPlans } from \"../../../api/hooks/useSubscriptionPlans\";\r\nimport { useSubscriptionApiPlans } from \"../../../api/hooks/useSubscriptionApiPlans\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    border-left: 1px dashed #ddd; \r\n    background-color: #fafafa;\r\n`;\r\n\r\nconst Header = styled.div`\r\n    font-size: 24px;\r\n    font-weight: 100;\r\n    margin: 8px 0 10px !important;\r\n    display: flex;\r\n    \r\n    >div:first-child {\r\n        flex-grow: 1;\r\n    }\r\n\r\n    >div:last-child {\r\n        display: flex;\r\n        align-items: center;\r\n        font-size: 14px;\r\n        font-weight: 400;\r\n        cursor: pointer;\r\n    }\r\n`;\r\n\r\nconst DialogBody = styled.div`\r\n    padding: 2px 0 15px;\r\n\r\n    >div {\r\n        margin: 12px 0;\r\n    }\r\n`;\r\n\r\nconst Subscriptions = styled.table`\r\n    width: 100%;\r\n    margin: 0 -8px;\r\n\r\n    thead {\r\n        th {\r\n            font-weight: 400;\r\n            text-align: left;\r\n            font-size: 12px;\r\n            color: #aaa;\r\n            padding: 6px 10px;\r\n        }\r\n    }\r\n\r\n    tbody {\r\n        td {\r\n            padding: 6px 10px;\r\n        }\r\n\r\n        td:nth-child(5), td:last-child {\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AdminCompanyEditPanelSubscription: React.FC<{ company: ICompany }> = ({ company }) => {\r\n    const { customerSubscriptions, mutate } = useCustomerSubscriptions(company.id);\r\n    const { toDateString } = useDateFunctions();\r\n    const [dialogSubscription, setDialogSubscription] = useState<ICustomerSubscription | undefined>();\r\n\r\n    return (\r\n        <Body>\r\n            <Header>\r\n                <div>\r\n                    Subscriptions\r\n                </div>\r\n                <div onClick={() => setDialogSubscription({ id: 0, validFrom: new Date(), validTo: new Date() })}>\r\n                    <FontAwesomeIcon icon={faPlus} />&nbsp; Add subscription\r\n                </div>\r\n            </Header>\r\n\r\n            <Subscriptions>\r\n                <thead>\r\n                    <tr>\r\n                        <th>Plan</th>\r\n                        <th>Valid from</th>\r\n                        <th>Valid to</th>\r\n                        <th>Status</th>\r\n                        <th></th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    {customerSubscriptions?.map(s => {\r\n                        return (\r\n                            <tr key={`CustomerSubscription_${s.id}`}>\r\n                                <td>{s.plan?.name}</td>\r\n                                <td>{toDateString(s.validFrom, undefined, true, true)}</td>\r\n                                <td>{toDateString(s.validTo, undefined, true, true)}</td>\r\n                                <td style={{ color: s.inActive ? \"#ccc\" : \"#32ad5b\", fontWeight: s.inActive ? undefined : 500 }}>\r\n                                    {s.inActive ? \"Inactive\" : \"Active\"}\r\n                                </td>\r\n                                <td onClick={() => setDialogSubscription(s)}>Edit</td>\r\n                            </tr>\r\n                        );\r\n                    })}\r\n                </tbody>\r\n\r\n            </Subscriptions>\r\n\r\n            <NewDialog\r\n                company={company}\r\n                s={dialogSubscription}\r\n                dismiss={refresh => {\r\n                    setDialogSubscription(undefined);\r\n\r\n                    if (refresh) {\r\n                        mutate();\r\n                    }\r\n                }}\r\n            />\r\n        </Body>\r\n    );\r\n};\r\n\r\nconst NewDialog: React.FC<{ s?: ICustomerSubscription, company: ICompany, dismiss: (refresh?: boolean) => void }> = ({ s, company, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const { getError } = useRest();\r\n    const { plans } = useSubscriptionPlans();\r\n    const { apiPlans } = useSubscriptionApiPlans();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const [subscription, setSubscription] = useState<ICustomerSubscription | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const [isNew, setIsNew] = useState(true);\r\n\r\n    const save = async () => {\r\n        try {\r\n            await app.api.saveCustomerSubscription(isNew, company, subscription!)\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: isNew ? \"Subscription added\" : \"Subscription updated\" });\r\n            setWorking(false);\r\n            dismiss(true);\r\n        }\r\n        catch (error: any) {\r\n            let err = await getError(error);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: err });\r\n            setWorking(false);\r\n        }\r\n    }\r\n\r\n    const deleteSubscription = async () => {\r\n        try {\r\n            await app.api.deleteCustomerSubscription(company, subscription!)\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faSave} />, text: \"Subscription deleted\" });\r\n            setDeleting(false);\r\n            dismiss(true);\r\n        }\r\n        catch (error: any) {\r\n            let err = await getError(error);\r\n            app.setAppMessage({ icon: <FontAwesomeIcon icon={faExclamationCircle} />, text: err });\r\n            setDeleting(false);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setSubscription(s);\r\n        setIsNew(s && s.id > 0 ? false : true);\r\n    }, [s]);\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteSubscription();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!subscription) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppDialog\r\n            title={isNew ? \"New subscription\" : \"Edit subscription\"}\r\n            open={s !== undefined}\r\n            layerBackground=\"transparent\"\r\n            working={working || deleting}\r\n            okText={isNew ? \"Create\" : \"Save\"}\r\n            cancel={dismiss}\r\n            commit={() => setWorking(true)}\r\n            commitDisabled={() => {\r\n                return !subscription || !subscription.plan || !subscription.validFrom || !subscription.validTo;\r\n            }}\r\n            actions={isNew ? undefined : [{\r\n                title: \"Delete\",\r\n                icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                id: \"Delete\",\r\n                onClick: () => {\r\n                    if (window.confirm(\"Are you sure you want to delete the subscription\")) {\r\n                        setDeleting(true);\r\n                    }\r\n                }\r\n            }]}\r\n        >\r\n            <DialogBody>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!subscription.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setSubscription({\r\n                            ...subscription,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <InputWithDescription description=\"Subscription plan\">\r\n                    <Dropdown\r\n                        required\r\n                        placeholder=\"Select a subscription plan\"\r\n                        selectedKey={subscription?.plan?.id}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            setSubscription({\r\n                                ...subscription,\r\n                                plan: plans?.find(_ => _.id === item.key)\r\n                            });\r\n                        }}\r\n                        options={plans ? plans?.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: _.name\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Subscription api plan\">\r\n                    <Dropdown\r\n                        required\r\n                        placeholder=\"Select a subscription api plan\"\r\n                        selectedKey={subscription?.apiPlan ? subscription.apiPlan.id : 0}\r\n                        onChange={(ev, item) => {\r\n                            if (item) {\r\n                                setSubscription({\r\n                                    ...subscription,\r\n                                    apiPlan: item.key === 0 ? undefined : apiPlans?.find(_ => _.id === item.key)\r\n                                });\r\n                            }\r\n                        }}\r\n                        options={apiPlans ? [{ key: 0, text: \"No plan\" }, ...apiPlans?.map(_ => { return { key: _.id, text: _.name } })] : []}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Valid from\">\r\n                    <DatePicker\r\n                        placeholder=\"Select valid from\"\r\n                        value={makeDateObject(subscription.validFrom).toJSDate()}\r\n                        onSelectDate={_ => {\r\n                            if (_) {\r\n                                setSubscription({\r\n                                    ...subscription,\r\n                                    validFrom: makeDateObject(_).startOf(\"day\").toJSDate()\r\n                                });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <InputWithDescription description=\"Valid to\">\r\n                    <DatePicker\r\n                        placeholder=\"Select valid to\"\r\n                        value={makeDateObject(subscription.validTo).toJSDate()}\r\n                        onSelectDate={_ => {\r\n                            if (_) {\r\n                                setSubscription({\r\n                                    ...subscription,\r\n                                    validTo: makeDateObject(_).startOf(\"day\").toJSDate()\r\n                                });\r\n                            }\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n\r\n                <Checkbox\r\n                    label=\"Demurrage\"\r\n                    checked={subscription.demurrageActive}\r\n                    onChange={(ev, checked) => {\r\n                        setSubscription({\r\n                            ...subscription,\r\n                            demurrageActive: checked ? checked : false\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <Checkbox\r\n                    label=\"E-sign\"\r\n                    checked={subscription.esignActive}\r\n                    onChange={(ev, checked) => {\r\n                        setSubscription({\r\n                            ...subscription,\r\n                            esignActive: checked ? checked : false\r\n                        });\r\n                    }}\r\n                />\r\n\r\n            </DialogBody>\r\n        </AppDialog>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ICustomerSubscription } from \"../../interfaces/ICustomerSubscription\";\r\n\r\nexport const useCustomerSubscriptions = (companyId: string) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/admin/customers/${companyId}/subscriptions`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let customerSubscriptions: ICustomerSubscription[] | undefined = data;\r\n\r\n    return { customerSubscriptions, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { ISubscriptionPlan } from \"../../interfaces/ISubscriptionPlan\";\r\n\r\nexport const useSubscriptionPlans = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/subscription/plans\", {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 1000 * 60 * 60,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let plans: ISubscriptionPlan[] | undefined = data;\r\n\r\n    return { plans, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { ISubscriptionApiPlan } from \"../../interfaces/ISubscriptionApiPlan\";\r\n\r\nexport const useSubscriptionApiPlans = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/subscription/apiplans\", {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 1000 * 60 * 60,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let apiPlans: ISubscriptionApiPlan[] | undefined = data;\r\n\r\n    return { apiPlans, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Dropdown, PanelType, Toggle } from \"@fluentui/react\";\r\nimport { AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { ICompany } from \"../../../interfaces/ICompany\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { AdminCompanyEditPanelSubscription } from \"./AdminCompanyEditPanelSubscription\";\r\nimport { AppPanelNew } from \"../../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 350px auto;\r\n    height: 100%;\r\n\r\n    >div {\r\n        padding: 20px 30px;\r\n    }\r\n\r\n    >div:first-child {\r\n        >div {\r\n            margin: 10px 0;    \r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const AdminCompanyEditPanel: React.FC<{ isNew: boolean, c?: ICompany, commit: () => void, dismiss: () => void }> = ({ isNew, c, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [company, setCompany] = useState<ICompany | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n\r\n    const save = () => {\r\n        app.api.saveCompany(company!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${company!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit();\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!company || !company.name || company.name.trim().length < 2) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setCompany(c);\r\n    }, [c])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!company) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New customer\" : \"Edit\"}</span> {company.name}</span>}\r\n            isOpen={company ? true : false}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"850px\"\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    <Toggle\r\n                        style={{\r\n                            marginBottom: \"10px\"\r\n                        }}\r\n                        checked={!company.inActive}\r\n                        onText=\"Active\"\r\n                        offText=\"Inactive\"\r\n                        onChange={(ev, checked) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                inActive: checked ? !checked : true\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <AppTextField\r\n                        autoFocus\r\n                        required\r\n                        readOnly\r\n                        value={company.id}\r\n                        description=\"Id\"\r\n                    />\r\n\r\n                    <AppTextField\r\n                        autoFocus\r\n                        required\r\n                        value={company.name ? company.name : \"\"}\r\n                        description=\"Name\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                name: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <InputWithDescription description=\"Company type\">\r\n                        <Dropdown\r\n                            required\r\n                            placeholder=\"Select company type\"\r\n                            selectedKey={company.customerType}\r\n                            disabled\r\n                            onChange={(ev, item) => {\r\n                                if (!item) {\r\n                                    return;\r\n                                }\r\n\r\n                                setCompany({\r\n                                    ...company,\r\n                                    // partnerType: partnerTypes.find(_ => _.id === item.key)!\r\n                                });\r\n                            }}\r\n                            options={[\r\n                                {\r\n                                    key: \"ShippingCompany\",\r\n                                    text: \"Shipping company\"\r\n                                },\r\n                                {\r\n                                    key: \"Agent\",\r\n                                    text: \"Agent\"\r\n                                },\r\n                                {\r\n                                    key: \"Charterer\",\r\n                                    text: \"Charterer\"\r\n                                }\r\n                            ]}\r\n                        />\r\n                    </InputWithDescription>\r\n\r\n                    <AppTextField\r\n                        value={company.address ? company.address : \"\"}\r\n                        description=\"Address\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                address: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <AppTextField\r\n                        value={company.zip ? company.zip : \"\"}\r\n                        description=\"Zip\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                zip: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <AppTextField\r\n                        value={company.city ? company.city : \"\"}\r\n                        description=\"City\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                city: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <AppTextField\r\n                        value={company.country ? company.country : \"\"}\r\n                        description=\"Country\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                country: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                    <AppTextField\r\n                        value={company.phone ? company.phone : \"\"}\r\n                        description=\"Phone\"\r\n                        onChange={(ev, v) => {\r\n                            setCompany({\r\n                                ...company,\r\n                                phone: v ? v : \"\"\r\n                            });\r\n                        }}\r\n                    />\r\n\r\n                </div>\r\n\r\n                <AdminCompanyEditPanelSubscription company={company} />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import { faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAdminCompanies } from \"../../../api/hooks/admin/useAdminCustomers\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { IAppTableColumn } from \"../../../interfaces/IAppTableColumn\";\r\nimport { ICompany } from \"../../../interfaces/ICompany\";\r\nimport { AdminCompanyEditPanel } from \"./AdminCompanyEditPanel\";\r\n\r\n//#region Styled Components\r\nconst Subscription = styled.div`\r\n    background-color: #32ad5b;\r\n    color: white;\r\n    padding: 2px 6px 3px;\r\n    font-size: 11px;\r\n    border-radius: 2px;\r\n    font-weight: 500;\r\n    letter-spacing: .5px;\r\n    width: fit-content;\r\n`;\r\n//#endregion\r\n\r\nexport const AdminCompanies = () => {\r\n    const { data: companies, isValidating, error, mutate } = useAdminCompanies();\r\n    const [editCustomer, setEditCustomer] = useState<ICompany | undefined>();\r\n    const { getError } = useRest();\r\n    const [errorMsg, setErrorMsg] = useState<string | undefined>();\r\n    const { relativeDateString } = useDateFunctions();\r\n    const { splitCamlCase } = useStringFunctions();\r\n\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\"\r\n        },\r\n        {\r\n            key: \"id\",\r\n        },\r\n        {\r\n            key: \"customerType\",\r\n            title: \"Type\",\r\n            render: (_: ICompany) => {\r\n                return splitCamlCase(_.customerType);\r\n            }\r\n        },\r\n        {\r\n            key: \"subscription\",\r\n            render: (_: ICompany) => {\r\n                return _.subscription\r\n                    ? <Subscription>\r\n                        {_.subscription.plan?.name}\r\n                    </Subscription>\r\n                    : \"No active subscription\";\r\n            }\r\n        },\r\n        {\r\n            key: \"country\",\r\n            width: \"120px\",\r\n        },\r\n        {\r\n            key: \"Created\",\r\n            width: \"120px\",\r\n            render: (_: ICompany) => {\r\n                return relativeDateString(_.created, { months: 1 }, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Modified\",\r\n            width: \"120px\",\r\n            render: (_: ICompany) => {\r\n                return relativeDateString(_.modified, { months: 1 }, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            title: \"Inactive / deleted\",\r\n            width: \"120px\",\r\n            render: (_: ICompany) => {\r\n                return (\r\n                    <span>\r\n                        <span>{_.inActive ? \"Yes\" : \"No\"}</span>\r\n                        <span> / </span>\r\n                        <span>{_.deleted ? \"Yes\" : \"No\"}</span>\r\n                    </span>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: ICompany) => {\r\n        setEditCustomer(_);\r\n    }\r\n\r\n    const rowStyle = (_: ICompany) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const resolveError = async () => {\r\n        if (error) {\r\n            let _error = await getError(error);\r\n            setErrorMsg(_error);\r\n        }\r\n        else {\r\n            setErrorMsg(undefined);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        resolveError();\r\n    }, [error])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"New customer\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        disabled: true,\r\n                        onClick: () => {\r\n                            // setEditCustomer({\r\n                            //     id: 0,\r\n                            //     inActive: false\r\n                            // });\r\n                            // history(\"/partners/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"admin\",\r\n                            title: \"admin\",\r\n                            url: \"/admin\"\r\n                        },\r\n                        {\r\n                            id: \"customers\",\r\n                            title: \"customers\",\r\n                            url: \"/admin/customers\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppTable\r\n                    data={companies ? companies : []}\r\n                    columns={columns}\r\n                    rowClick={rowClick}\r\n                    loading={!companies && isValidating && !error}\r\n                    rowStyle={rowStyle}\r\n                    errorText={errorMsg}\r\n                />\r\n            </ContentPageBody>\r\n\r\n            <AdminCompanyEditPanel\r\n                isNew={false}\r\n                c={editCustomer}\r\n                commit={() => {\r\n                    setEditCustomer(undefined);\r\n                    mutate();\r\n                }}\r\n                dismiss={() => setEditCustomer(undefined)}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ICompany } from \"../../../interfaces/ICompany\";\r\n\r\nexport const useAdminCompanies = () => {\r\n    const { data, error, isValidating, mutate } = useSWR<ICompany[]>(\"/admin/customers\", {\r\n        dedupingInterval: 0,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    return { data, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMessage, faSave, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PanelType, TextField, Toggle } from \"@fluentui/react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ISystemMessage } from \"../../interfaces/ISystemMessage\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { DateTimePicker } from \"../../blocks/dateTimePicker/DateTimePicker\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const SystemMessageEditPanel: React.FC<{ s?: ISystemMessage, onUpdate: (msg: ISystemMessage) => void, dismiss: () => void, onCreate: (msg: ISystemMessage) => void, onDelete: () => void }> = ({ s, onUpdate, dismiss, onCreate, onDelete }) => {\r\n    const { app } = useAppContext();\r\n    const { makeDateObject, resolveTimeZone } = useDateFunctions();\r\n    const [systemMessage, setSystemMessage] = useState<ISystemMessage | undefined>();\r\n    const [saving, setSaving] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const isNew = s && s.id === undefined ? true : false;\r\n    const tz = resolveTimeZone();\r\n\r\n    const deleteMessage = async () => {\r\n        try {\r\n            await app.api.deleteAdminSystemMessage(systemMessage!.id!)\r\n            setDeleting(false);\r\n            onDelete();\r\n        } catch (error) {\r\n            app.setAppMessage({ text: 'Delete failed' + error });\r\n            setDeleting(false);\r\n        }\r\n    }\r\n\r\n    const save = () => {\r\n        if (systemMessage) {\r\n            app.api.saveAdminSystemMessage(systemMessage, isNew)\r\n                .then((_) => {\r\n                    setSaving(false);\r\n                    if (isNew) {\r\n                        onCreate(_);\r\n                    } else {\r\n                        onUpdate(_);\r\n                    }\r\n                    app.setAppMessage({\r\n                        icon: <FontAwesomeIcon icon={faSave} />,\r\n                        text: `${systemMessage!.header} ${isNew ? \"created\" : \"updated\"}`\r\n                    });\r\n                })\r\n                .catch((_) => {\r\n                    setSaving(false);\r\n                });\r\n        }\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!systemMessage || !systemMessage.header || !systemMessage.body || !systemMessage.startDate || !systemMessage.endDate) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (s) {\r\n            setSystemMessage(s);\r\n        } else {\r\n            setSystemMessage(undefined);\r\n        }\r\n    }, [s])\r\n\r\n    useEffect(() => {\r\n        if (saving) {\r\n            save();\r\n        }\r\n    }, [saving])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteMessage();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!systemMessage) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New system message\" : \"Edit\"}</span> {systemMessage.header}</span>}\r\n            isOpen={systemMessage !== undefined}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"400px\"\r\n            dismiss={dismiss}\r\n            working={deleting || saving}\r\n            icon={<FontAwesomeIcon icon={faMessage} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    disabled: isNew,\r\n                    onClick: () => setDeleting(true),\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setSaving(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <TextField\r\n                    autoFocus\r\n                    required\r\n                    autoComplete=\"off\"\r\n                    value={systemMessage.header ? systemMessage.header : \"\"}\r\n                    description=\"Header\"\r\n                    onChange={(ev, v) => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            header: v ?? \"\"\r\n                        });\r\n                    }}\r\n                />\r\n                <TextField\r\n                    required\r\n                    multiline\r\n                    autoAdjustHeight\r\n                    value={systemMessage.body ?? \"\"}\r\n                    description=\"Body\"\r\n                    onChange={(ev, v) => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            body: v ?? \"\"\r\n                        });\r\n                    }}\r\n                />\r\n                <DateTimePicker\r\n                    description={'Start date'}\r\n                    date={systemMessage.startDate ? makeDateObject(systemMessage.startDate).toJSDate() : undefined}\r\n                    title={tz}\r\n                    timeZone={tz}\r\n                    onChange={_ => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            startDate: _ ?? undefined\r\n                        });\r\n                    }}\r\n                />\r\n                <DateTimePicker\r\n                    description={'End date'}\r\n                    date={systemMessage.endDate ? makeDateObject(systemMessage.endDate).toJSDate() : undefined}\r\n                    title={tz}\r\n                    timeZone={tz}\r\n                    minDate={systemMessage.startDate ? makeDateObject(systemMessage.startDate).toJSDate() : undefined}\r\n                    onChange={_ => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            endDate: _ ?? undefined\r\n                        });\r\n                    }}\r\n                />\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={systemMessage.dismissable}\r\n                    onText=\"Dismissable\"\r\n                    offText=\"Not Dismissable\"\r\n                    onChange={(ev, checked) => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            dismissable: checked ?? true\r\n                        });\r\n                    }}\r\n                />\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={systemMessage.showInRto}\r\n                    onText=\"Show in Rto\"\r\n                    offText=\"Do not show in Rto\"\r\n                    onChange={(ev, checked) => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            showInRto: checked ?? true\r\n                        });\r\n                    }}\r\n                />\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={systemMessage.showInApp}\r\n                    onText=\"Show in app\"\r\n                    offText=\"Do not show in app\"\r\n                    onChange={(ev, checked) => {\r\n                        setSystemMessage({\r\n                            ...systemMessage,\r\n                            showInApp: checked ?? true\r\n                        });\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport { faCheck, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useState } from \"react\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { ISystemMessage } from \"../../interfaces/ISystemMessage\";\r\nimport { SystemMessageEditPanel } from \"./SystemMessageEditPanel\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { DateTime } from \"luxon\";\r\n\r\nexport const SystemMessages = () => {\r\n    const [editMessage, setEditMessage] = useState<ISystemMessage | undefined>();\r\n    const [fetching, setFetching] = useState(false);\r\n    const [messages, setMessages] = useState<ISystemMessage[] | undefined>();\r\n    const { relativeDateString, resolveTimeZone } = useDateFunctions();\r\n    const { app } = useAppContext();\r\n    const tz = resolveTimeZone();\r\n\r\n    const fetchMessages = () => {\r\n        app.api.getAdminSystemMessages()\r\n            .then((_: ISystemMessage[]) => {\r\n                setFetching(false);\r\n                setMessages(_);\r\n            })\r\n            .catch(() => {\r\n                setFetching(false);\r\n                app.setAppMessage({ text: 'Failed to fetch messages' })\r\n            });\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"header\",\r\n        },\r\n        {\r\n            key: \"body\",\r\n        },\r\n        {\r\n            key: \"startDate\",\r\n            title: \"start date\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ISystemMessage) => {\r\n                return relativeDateString(_.startDate, { weeks: 1 }, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"endDate\",\r\n            title: \"end date\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ISystemMessage) => {\r\n                return relativeDateString(_.endDate, { weeks: 1 }, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"dismissable\",\r\n            gridCellWidth: \"max-content\",\r\n            textAlign: \"center\",\r\n            render: (_: ISystemMessage) => {\r\n                return _.dismissable ? <FontAwesomeIcon icon={faCheck} /> : null;\r\n            }\r\n        },\r\n        {\r\n            key: \"showInApp\",\r\n            title: \"Show in app\",\r\n            gridCellWidth: \"max-content\",\r\n            textAlign: \"center\",\r\n            render: (_: ISystemMessage) => {\r\n                return _.showInApp ? <FontAwesomeIcon icon={faCheck} /> : null;\r\n            }\r\n        },\r\n        {\r\n            key: \"showInRto\",\r\n            title: \"Show in Rto\",\r\n            gridCellWidth: \"max-content\",\r\n            textAlign: \"center\",\r\n            render: (_: ISystemMessage) => {\r\n                return _.showInRto ? <FontAwesomeIcon icon={faCheck} /> : null;\r\n            }\r\n        },\r\n        {\r\n            key: \"Modifed\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ISystemMessage) => {\r\n                return relativeDateString(_.modified, { weeks: 1 }, undefined, true);\r\n            }\r\n        },\r\n    ];\r\n\r\n    const rowClick = (_: ISystemMessage) => {\r\n        setEditMessage(_);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (!messages && !fetching) {\r\n            setFetching(true);\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            fetchMessages();\r\n        }\r\n    }, [fetching])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"New system message\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditMessage({\r\n                                created: new Date(),\r\n                                modified: new Date(),\r\n                                startDate: DateTime.now().setZone(tz).startOf(\"day\").toJSDate(),\r\n                                endDate: DateTime.now().setZone(tz).plus({ days: 1 }).endOf(\"day\").toJSDate(),\r\n                                showInRto: true,\r\n                                dismissable: true\r\n                            });\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"admin\",\r\n                            title: \"admin\",\r\n                            url: \"/admin\"\r\n                        },\r\n                        {\r\n                            id: \"systemMessages\",\r\n                            title: \"system messages\",\r\n                            url: \"/admin/systemmessages\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppGridTableNew\r\n                    blueHeader\r\n                    data={messages}\r\n                    columns={columns}\r\n                    rowClick={rowClick}\r\n                    loading={fetching}\r\n                    emptyMessage=\"No system messages\"\r\n                />\r\n            </ContentPageBody>\r\n\r\n            {editMessage &&\r\n                <SystemMessageEditPanel\r\n                    s={editMessage}\r\n                    onUpdate={(message: ISystemMessage) => {\r\n                        let index = messages!.indexOf(editMessage!);\r\n                        let msgs = messages!.slice();\r\n                        msgs[index] = message;\r\n                        setMessages(msgs);\r\n                        setEditMessage(undefined);\r\n                    }}\r\n                    onCreate={(message: ISystemMessage) => {\r\n                        setMessages([...messages!, message]);\r\n                        setEditMessage(undefined);\r\n                    }}\r\n                    onDelete={() => {\r\n                        setMessages(messages?.filter(_ => _.id !== editMessage.id));\r\n                        setEditMessage(undefined);\r\n                    }\r\n                    }\r\n                    dismiss={() => setEditMessage(undefined)}\r\n                />\r\n            }\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { IAdminTankState } from \"../../../interfaces/ITankState\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ITankOvdItem } from \"../../../interfaces/ITankOvdItem\";\r\n\r\nexport const OvdItems = () => {\r\n    const [fetching, setFetching] = useState(false);\r\n    const [ovdItems, setOvdItems] = useState<ITankOvdItem[] | undefined>();\r\n    const { app } = useAppContext();\r\n    const history = useNavigate();\r\n\r\n    const fetchMessages = () => {\r\n        app.api.getAdminOvd()\r\n            .then((_: ITankOvdItem[]) => {\r\n                setFetching(false);\r\n                setOvdItems(_);\r\n            })\r\n            .catch(() => {\r\n                setFetching(false);\r\n                app.setAppMessage({ text: 'Failed to fetch messages' })\r\n            });\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"vessel\",\r\n        },\r\n        {\r\n            key: \"type\",\r\n            render: (_: ITankOvdItem) => {\r\n                if (_.type === \"Bunker report\") \r\n                {\r\n                    return (<div style={{backgroundColor: \"lightblue\"}}>{_.type}</div>)\r\n                }\r\n                \r\n                return _.type;\r\n            }\r\n        },\r\n        {\r\n            key: \"date\",\r\n            title: \"Date\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.date;\r\n            }\r\n        },\r\n        {\r\n            key: \"event\",\r\n        },\r\n        {\r\n            key: \"from\",\r\n        },\r\n        {\r\n            key: \"destination\",\r\n        },\r\n        {\r\n            key: \"mainEngineConsumed\",\r\n            title: \"Main Engine Consumed\"\r\n        },\r\n        {\r\n            key: \"mainEngineBdns\",\r\n            title: \"Main Engine Bdns\"\r\n        },\r\n        {\r\n            key: \"allTanksRob\",\r\n            title: \"All tanks ROB\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.type === \"Bunker report\" ? \"\" : _.allTanksRob\r\n            }\r\n        },\r\n        {\r\n            key: \"isComponent\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.isComponent === true ? \"Yes\" : _.isComponent === false ? \"No\" : \"\"\r\n            }\r\n        },\r\n        {\r\n            key: \"isBlend\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.isBlend === true ? \"Yes\" : _.isBlend === false ? \"No\" : \"\"\r\n            }\r\n        },\r\n        {\r\n            key: \"bdnNumber\",\r\n            title: \"BDN Number\"\r\n        },\r\n        {\r\n            key: \"fuelType\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.type !== \"Bunker report\" ? \"\" : _.isComponent ? \"(component)\" : _.fuelType\r\n            }\r\n        },\r\n        {\r\n            key: \"mass\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.type !== \"Bunker report\" ? \"\" : _.mass\r\n            }\r\n        },\r\n        {\r\n            key: \"hasWarnings\",\r\n            title: \"Has Warnings\",\r\n            render: (_: ITankOvdItem) => {\r\n               return _.hasWarnings ? \"Yes\" : \"\"\r\n            }\r\n        },\r\n        {\r\n            key: \"hasErrors\",\r\n            title: \"Has Errors\",\r\n            render: (_: ITankOvdItem) => {\r\n                return _.hasErrors ? \"Yes\" : \"\"\r\n             }\r\n        },\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (!ovdItems && !fetching) {\r\n            setFetching(true);\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            fetchMessages();\r\n        }\r\n    }, [fetching])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader>\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"admin\",\r\n                            title: \"admin\",\r\n                            url: \"/admin\"\r\n                        },\r\n                        {\r\n                            id: \"ovd\",\r\n                            title: \"ovd items\",\r\n                            url: \"/admin/ovd\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <AppGridTableNew\r\n                    blueHeader\r\n                    data={ovdItems}\r\n                    columns={columns}\r\n                    loading={fetching}\r\n                    emptyMessage=\"No ovd items\"\r\n                />\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { Restricted } from \"../../blocks/restricted/Restricted\";\r\nimport { AdminCompanies } from \"./AdminCompanies/AdminCompanies\";\r\nimport { SystemMessages } from \"./SystemMessages\";\r\nimport { SystemRoles } from \"../../_enums/SystemRoles\";\r\nimport { OvdItems } from \"./OvdItems/OvdItems\";\r\n\r\nexport const Admin = () => {\r\n    return (\r\n        <Restricted requiredSystemRole={SystemRoles.GlobalAdmin}>\r\n            <Routes>\r\n                <Route path=\"/customers\" element={<AdminCompanies />} />\r\n            </Routes>\r\n            <Routes>\r\n                <Route path=\"/systemmessages\" element={<SystemMessages />} />\r\n            </Routes>\r\n            <Routes>\r\n                <Route path=\"/ovd\" element={<OvdItems />} />\r\n            </Routes>\r\n        </Restricted>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport styled from \"styled-components\";\r\n\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nexport const FilterPanel: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getFilter, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Commodities filters\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (ev.key === \"Enter\") {\r\n                            onChange(filters);\r\n                            dismiss();\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSave, faTrashAlt, faUser } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AppTextField } from \"../../blocks/inputs/AppTextFields\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { Toggle } from \"@fluentui/react\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { IMeasurement } from \"../../interfaces/IMeasurement\";\r\nimport { AppPanelNew } from \"../../blocks/appPanel/AppPanelNew\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MeasurementEditPanel: React.FC<{ isOpen: boolean, m?: IMeasurement, commit: (_: IMeasurement) => void, dismiss: (_?: IMeasurement) => void }> = ({ isOpen, m, commit, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [measurement, setMeasurement] = useState<IMeasurement | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const isNew = m && m.id === 0 ? true : false;\r\n\r\n    const save = () => {\r\n        app.api.saveMeasurement(measurement!, isNew)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faSave} />,\r\n                    text: `${measurement!.name} ${isNew ? \"created\" : \"updated\"}`\r\n                });\r\n                setWorking(false);\r\n                commit(_);\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const deleteMeasurement = () => {\r\n        app.api.deleteMeasurement(measurement!)\r\n            .then(_ => {\r\n                app.setAppMessage({\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    text: `${measurement!.name} deleted`\r\n                });\r\n                setWorking(false);\r\n                setDeleteDialogOpen(false);\r\n                dismiss(measurement)\r\n            })\r\n            .catch(err => {\r\n                setWorking(false);\r\n                console.log(\"Error\", err);\r\n            })\r\n    }\r\n\r\n    const isValid = () => {\r\n        if (!measurement || !measurement.name || measurement.name.trim().length < 1) {\r\n            return false;\r\n        }\r\n        return true;\r\n    }\r\n\r\n    useEffect(() => {\r\n        setMeasurement(m);\r\n    }, [m])\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            save();\r\n        }\r\n    }, [working])\r\n\r\n    if (!measurement) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanelNew\r\n            title={<span><span style={{ fontWeight: 100 }}>{isNew ? \"New measurement\" : \"Edit\"}</span> {measurement.name}</span>}\r\n            isOpen={isOpen}\r\n            dismiss={dismiss}\r\n            working={working}\r\n            icon={<FontAwesomeIcon icon={faUser} />}\r\n            footerActions={[\r\n                {\r\n                    title: \"Delete\",\r\n                    icon: <FontAwesomeIcon icon={faTrashAlt} />,\r\n                    onClick: () => setDeleteDialogOpen(true),\r\n                    disabled: isNew\r\n                }\r\n            ]}\r\n            footerButtons={[\r\n                {\r\n                    title: isNew ? \"Create\" : \"Save\",\r\n                    type: \"Primary\",\r\n                    onClick: () => setWorking(true),\r\n                    disabled: !isValid()\r\n                },\r\n                {\r\n                    title: \"Cancel\",\r\n                    onClick: dismiss\r\n                }\r\n            ]}\r\n        >\r\n            <Body>\r\n                <Toggle\r\n                    style={{\r\n                        marginBottom: \"10px\"\r\n                    }}\r\n                    checked={!measurement.inActive}\r\n                    onText=\"Active\"\r\n                    offText=\"Inactive\"\r\n                    onChange={(ev, checked) => {\r\n                        setMeasurement({\r\n                            ...measurement,\r\n                            inActive: checked ? !checked : true\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    maxLength={20}\r\n                    autoFocus\r\n                    value={measurement.name ? measurement.name : \"\"}\r\n                    description=\"Name\"\r\n                    onChange={(ev, v) => {\r\n                        setMeasurement({\r\n                            ...measurement,\r\n                            name: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppTextField\r\n                    maxLength={50}\r\n                    value={measurement.description ? measurement.description : \"\"}\r\n                    description=\"Description\"\r\n                    multiline\r\n                    onChange={(ev, v) => {\r\n                        setMeasurement({\r\n                            ...measurement,\r\n                            description: v ? v : \"\"\r\n                        });\r\n                    }}\r\n                />\r\n\r\n                <AppDialog\r\n                    title=\"Delete measurement?\"\r\n                    subText={`Are you sure you want to delete ${measurement.name}?`}\r\n                    open={deleteDialogOpen}\r\n                    cancel={() => setDeleteDialogOpen(false)}\r\n                    commit={deleteMeasurement}\r\n                />\r\n\r\n            </Body>\r\n        </AppPanelNew>\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { AppTable } from \"../../blocks/appTable/AppTable\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter, faPlus } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FilterPanel } from \"./FilterPanel\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { FilterContainer } from \"../../blocks/filter/FilterContainer\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\nimport styled from \"styled-components\";\r\nimport { IAppTableColumn } from \"../../interfaces/IAppTableColumn\";\r\nimport { OnOffSwitch } from \"../../blocks/onOffSwitch/OnOffSwitch\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { MeasurementEditPanel } from \"./MeasurementEditPanel\";\r\nimport { IMeasurement } from \"../../interfaces/IMeasurement\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Measurements = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const history = useNavigate();\r\n    const [measurements, setMeasurements] = useState<IMeasurement[]>([]);\r\n    const [editMeasurement, setEditMeasurement] = useState<IMeasurement | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [fetching, setFetching] = useState(false);\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n    const columns: IAppTableColumn[] = [\r\n        {\r\n            key: \"name\",\r\n            width: \"250px\"\r\n        },\r\n        {\r\n            key: \"description\",\r\n        },\r\n        {\r\n            key: \"Active\",\r\n            width: \"80px\",\r\n            render: (_: IMeasurement) => {\r\n                return (\r\n                    <OnOffSwitch\r\n                        on={!_.inActive}\r\n                        onTxt=\"Yes\"\r\n                        offTxt=\"No\"\r\n                        disabled={_.inActive}\r\n                    />\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: IMeasurement) => {\r\n        history(`/measurements/${_.id}`);\r\n    }\r\n\r\n    const rowStyle = (_: IMeasurement) => {\r\n        if (_.inActive) {\r\n            return {\r\n                color: \"#bbb\"\r\n            }\r\n        }\r\n    }\r\n\r\n    const getMeasurements = () => {\r\n        app.api.getMeasurements(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setMeasurements(_);\r\n                }\r\n                else {\r\n                    setMeasurements([...measurements, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all measurements mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getMeasurements();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let p = measurements.find(_ => _.id === Number(id));\r\n            if (p) {\r\n                setEditMeasurement(p);\r\n                return;\r\n            }\r\n        }\r\n    }, [measurements, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                search={{\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        if (_ && _.trim().length > 0) {\r\n                            setFilters(updateFilter(filters,\r\n                                {\r\n                                    property: { name: \"search\" },\r\n                                    value: { value: _ }\r\n                                }\r\n                            ));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }\r\n                }}\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    },\r\n                    {\r\n                        title: \"New measurement\",\r\n                        icon: <FontAwesomeIcon icon={faPlus} />,\r\n                        onClick: () => {\r\n                            setEditMeasurement({\r\n                                id: 0,\r\n                                inActive: false\r\n                            });\r\n                            history(\"/measurements/0\");\r\n                        }\r\n                    }\r\n                ]}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"measurements\",\r\n                            title: \"measurements\",\r\n                            url: \"/measurements\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => {\r\n                            setFilters(_)\r\n                        }}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n                                if ((scrollTop + clientHeight) === scrollHeight) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={measurements}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                            rowStyle={rowStyle}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <FilterPanel\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n\r\n            <MeasurementEditPanel\r\n                m={editMeasurement}\r\n                isOpen={id !== undefined}\r\n                commit={p => {\r\n\r\n                    let index = measurements.findIndex(_ => _.id === p.id);\r\n                    let _measurements = measurements.slice();\r\n\r\n                    if (index >= 0) {\r\n                        _measurements[index] = p;\r\n                    }\r\n                    else {\r\n                        _measurements.unshift(p)\r\n                    }\r\n\r\n                    setMeasurements(_measurements);\r\n                    setEditMeasurement(undefined);\r\n                    history(\"/measurements\");\r\n                }}\r\n                dismiss={p => {\r\n                    setEditMeasurement(undefined);\r\n                    history(\"/measurements\");\r\n\r\n                    // If deleted, remove from list\r\n                    if (p) {\r\n                        setMeasurements(measurements.slice().filter(_ => _.id !== p.id));\r\n                    }\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { DateTime } from \"luxon\";\r\nimport { LogReportType } from \"../../_enums/LogReportType\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { AppPanel, AppPanelFooter } from \"../../blocks/appPanel/AppPanel\";\r\nimport { DatePickerRemove } from \"../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { InputWithDescription } from \"../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useEnumFunctions } from \"../../hooks/useEnumFunctions\";\r\nimport { IFilterValue } from \"../../interfaces/IFilterValue\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { useDivTable } from \"../../globalHooks/useDivTable\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], isLogAbstract: boolean, onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, isLogAbstract, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const [isLogAbstractView, setIsLogAbstractsView] = useState<boolean | undefined>();\r\n    const { vessels } = useVessels();\r\n    const { convertToKeyValuePair } = useEnumFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n        setIsLogAbstractsView(isLogAbstract);\r\n    }, [f, isOpen, isLogAbstract]);\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title={isLogAbstractView ? \"Log abstracts filter\" : \"Bunker reports filter\"}\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return vessels?.find(v => v.id === _)?.name;\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n                {isLogAbstractView &&\r\n                    <InputWithDescription description=\"Report types\">\r\n                        <Dropdown\r\n                            multiSelect\r\n                            placeholder=\"Select report types\"\r\n                            selectedKeys={getFilter(filters, \"reportTypes\")}\r\n                            options={convertToKeyValuePair(LogReportType, [LogReportType[\"Seca Boundary\"], LogReportType.Other, LogReportType.Rob])}\r\n                            onChange={(ev, item) => {\r\n                                if (!item) {\r\n                                    return;\r\n                                }\r\n\r\n                                let selected: Number[] = getFilter(filters, \"reportTypes\");\r\n\r\n                                if (!selected) {\r\n                                    selected = [];\r\n                                }\r\n\r\n                                if (item.selected) {\r\n                                    selected.push(Number(item.key));\r\n                                }\r\n                                else {\r\n                                    selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                                }\r\n\r\n                                if (selected.length === 0) {\r\n                                    let _filters = filters.slice().filter(_ => _.property.name !== \"reportTypes\");\r\n                                    setFilters(_filters);\r\n                                }\r\n                                else {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: { name: \"reportTypes\", displayName: \"reports\" },\r\n                                        value: {\r\n                                            value: selected,\r\n                                            displayValue: selected.map((_: any) => {\r\n                                                return LogReportType[_];\r\n                                            }).join(\", \")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }}\r\n                        />\r\n                    </InputWithDescription>\r\n                }\r\n                <InputWithDescription description=\"From\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"To\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","export enum OvdSyncStatus {\r\n    Ok = 10,\r\n    HasWarnings = 20,\r\n    HasErrors = 30,\r\n    SyncNotOk = 40\r\n}","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretDown, faCaretUp, faCheckCircle, faClipboard, faExclamationCircle, faExclamationTriangle, faPaperPlane } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport styled from \"styled-components\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { AppExternalLink, AppToLink } from \"../../../blocks/appLink/AppLink\";\r\nimport { AppPanel, AppPanelFooter } from \"../../../blocks/appPanel/AppPanel\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { OvdSyncStatus } from \"../../../_enums/OvdSyncStatus\";\r\nimport { IOvdLogAbstractSync } from \"../../../interfaces/IOvdLogAbstractSync\";\r\nimport { IOvdLogAbstractOperationsDto } from \"../../../interfaces/IOvdLogAbstractOperationsDto\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nconst JsonData = styled.div`\r\n    background-color: #fafafa;\r\n    margin: 0 -30px -35px !important;\r\n\r\n    >div {\r\n        border-top: 1px solid #ddd;\r\n        padding: 25px 30px 0px;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: 1px solid #ddd;\r\n    }\r\n`;\r\n\r\nconst SyncLog = styled.div`\r\n    margin: 30px -30px -35px !important;\r\n    border-top: 1px solid #ddd;\r\n\r\n    >div:last-child {\r\n        border-bottom: 1px solid #ddd;\r\n    }\r\n    >p {\r\n        padding-left: 30px;\r\n        font-weight: 500;\r\n    }\r\n    >div {\r\n        background-color: #fafafa;\r\n        >div:first-child {\r\n            border-top: 1px solid #ddd;\r\n            display: flex;\r\n            padding: 15px 15px 15px 30px;\r\n            cursor: pointer;\r\n            >div:first-child {\r\n                margin-right: auto;\r\n                >div {\r\n                    >svg {\r\n                        margin-left: 15px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        >div:last-child {\r\n            >div {\r\n                margin-top: -15px;\r\n                padding: 15px 15px 15px;\r\n            }\r\n        }\r\n        >div {\r\n            padding-left: 15px;\r\n        }\r\n    }    \r\n`;\r\n\r\nconst DetailsTable = styled.table`\r\n    border-spacing: 0;\r\n    width: 100%;\r\n    margin: 20px 0 30px;\r\n\r\n    tr {\r\n        td:nth-child(1), td:nth-child(3) {\r\n            width: 1px;\r\n            padding-right: 10px;\r\n        }\r\n\r\n        td {\r\n            padding-bottom: 4px;\r\n        }\r\n    }\r\n\r\n    tr:first-child {\r\n        td {\r\n            font-weight: 900;\r\n            letter-spacing: 1px;\r\n            font-size: 10px;\r\n            text-transform: uppercase;\r\n            padding-bottom: 8px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MrvLogAbstractPanel: React.FC<{ isOpen: boolean, la?: IOvdLogAbstractOperationsDto, onUpdate: (la: IOvdLogAbstractOperationsDto) => void, dismiss: () => void }> = ({ isOpen, la, onUpdate, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [logAbstract, setLogAbstract] = useState<IOvdLogAbstractOperationsDto | undefined>();\r\n    const [logAbstractDto, setLogAbstractDto] = useState<any | undefined>();\r\n    const [transferring, setTransferring] = useState(false);\r\n    const [transferDialogOpen, setTransferDialogOpen] = useState(false);\r\n    const [log, setLog] = useState<IOvdLogAbstractSync[] | undefined>();\r\n    const [visibleLogBodies, setVisibleLogBodies] = useState<number[]>([]);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const { getError } = useRest();\r\n\r\n    const getDto = () => {\r\n        app.api.getOvdLogAbstract(la!.id, true)\r\n            .then(_ => {\r\n                setLogAbstractDto(_);\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n            });\r\n    }\r\n\r\n    const getLog = () => {\r\n        app.api.getOvdLogAbstractLog(la!.id)\r\n            .then(_ => {\r\n                _.sort((a, b) => Date.parse(b.created.toString()) - Date.parse(a.created.toString()));\r\n                setLog(_);\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n            });\r\n    }\r\n\r\n    const transfer = async () => {\r\n        try {\r\n            let _la = await app.api.transferOvdLogAbstract(la!.id);\r\n            onUpdate(_la)\r\n        } catch (error) {\r\n            let err = await getError(error);\r\n            app.setAppMessage({\r\n                text: err,\r\n                isError: true\r\n            });\r\n        }\r\n        setTransferring(false);\r\n    }\r\n\r\n    const getSuccessMessage = () => {\r\n        if (\r\n            logAbstract && \r\n            logAbstract.synced && \r\n            !transferring && \r\n            !logAbstract.validationErrors && \r\n            logAbstract.syncStatus === OvdSyncStatus.Ok\r\n            ) {\r\n            return `Synced ${toDateString(logAbstract.synced, undefined, true)}`;\r\n        }\r\n    }\r\n\r\n    const getWarningMessage = () => {\r\n        if (transferring) {\r\n            return \"Transferring data to Veracity by DNV, please wait...\";\r\n        }\r\n        else if (logAbstract) {\r\n            let msg: string[] = [];\r\n\r\n            if (!logAbstract.synced && !logAbstract.validationErrors) {\r\n                msg.push(\"Awaits transfer\");\r\n            } \r\n            else if (logAbstract.validationErrors) {\r\n                let validationErrors: string[] = JSON.parse(logAbstract.validationErrors);\r\n                validationErrors.forEach((_) => {\r\n                    msg.push(_);\r\n                });\r\n            }\r\n            else if (logAbstract.syncStatus === OvdSyncStatus.HasWarnings) {\r\n                msg.push(\"Last sync response contains warnings from DNV\")\r\n            }\r\n\r\n            return msg.length > 0 ? msg.join(\" | \") : undefined;\r\n        }\r\n    }\r\n\r\n    const getErrorMessage = () => {\r\n        if (logAbstract){\r\n            if (!transferring && logAbstract.syncStatus === OvdSyncStatus.HasErrors) {\r\n                return `${logAbstract.synced ? `Sync ${toDateString(logAbstract.synced, undefined, true)} contained transfer errors` : \"Transfer errors\"}`;\r\n            }\r\n            else if (logAbstract.syncStatus === OvdSyncStatus.SyncNotOk) {\r\n                return 'Last sync attempt failed';\r\n            }\r\n        }\r\n        \r\n    }\r\n\r\n    const jsonToText = (input: string) => {\r\n        return input ? input.replaceAll(\"{\", \"\").replaceAll(\"}\", \"\").replaceAll(\"\\\"\", \"\").replaceAll(\",\", \"\") : '';\r\n    }\r\n\r\n    const getIconFromSyncStatus = (status: OvdSyncStatus) => {\r\n        switch (status) {\r\n            case OvdSyncStatus.Ok:\r\n                return <FontAwesomeIcon title=\"Synced Ok\" icon={faCheckCircle} style={{ fontSize: \"14px\", color: \"#32ad5b\" }}></FontAwesomeIcon>\r\n            case OvdSyncStatus.HasErrors:\r\n                return <FontAwesomeIcon title=\"Synced with errors\" icon={faExclamationCircle} style={{ fontSize: \"14px\", color: \"red\" }} />\r\n            case OvdSyncStatus.HasWarnings:\r\n                return <FontAwesomeIcon title=\"Synced with warnings\" icon={faExclamationCircle} style={{ fontSize: \"14px\", color: \"#b5b535\" }} />\r\n            case OvdSyncStatus.SyncNotOk:\r\n                return <FontAwesomeIcon title=\"Sync failed\" icon={faExclamationTriangle} style={{ fontSize: \"14px\", color: \"darkred\" }}></FontAwesomeIcon>\r\n            default: return '';\r\n        }\r\n    }\r\n\r\n    const toggleLogItemBody = (id: number) => {\r\n        if (visibleLogBodies.includes(id)) {\r\n            setVisibleLogBodies(visibleLogBodies.filter(vlb => vlb !== id));\r\n        } else {\r\n            let bodies = visibleLogBodies.slice();\r\n            bodies.push(id);\r\n            setVisibleLogBodies(bodies);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLogAbstract(la);\r\n\r\n        if (!la) {\r\n            setLogAbstractDto(undefined);\r\n        }\r\n        else {\r\n            getDto();\r\n        }\r\n    }, [la])\r\n\r\n    useEffect(() => {\r\n        if (transferring) {\r\n            transfer();\r\n        }\r\n    }, [transferring])\r\n\r\n    useEffect(() => {\r\n        if (!la) {\r\n            setLog(undefined);\r\n            setVisibleLogBodies([]);\r\n        } else {\r\n            getLog();\r\n        }\r\n    }, [la])\r\n\r\n    if (!logAbstract) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title={<span><span style={{ fontWeight: 100 }}>MRV event</span> {logAbstract.event}</span>}\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"600px\"\r\n            noPadding\r\n            titleBgColor=\"#222c3d\"\r\n            working={transferring}\r\n            icon={<FontAwesomeIcon icon={faClipboard} />}\r\n            successMessage={getSuccessMessage()}\r\n            errorMessage={getErrorMessage()}\r\n            warningMessage={getWarningMessage()}\r\n            dismiss={() => {\r\n                if (!transferring) {\r\n                    dismiss();\r\n                }\r\n            }}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        actions={[\r\n                            {\r\n                                title: \"Transfer data to Veracity by DNV\",\r\n                                icon: <FontAwesomeIcon icon={faPaperPlane} />,\r\n                                onClick: () => setTransferDialogOpen(true),\r\n                                disabled: transferring\r\n                            }\r\n                        ]}\r\n                        buttons={[\r\n                            {\r\n                                title: \"Close\",\r\n                                onClick: dismiss\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    OVD data transferred to <AppExternalLink href=\"https://developer.veracity.com/docs/section/datastandards/operationalvesseldata\" target=\"_blank\">Veracity by DNV</AppExternalLink>. Calculation is based on events and consumption between the two following report. AIS data is used for distance sailed if available.\r\n                </div>\r\n                <DetailsTable>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td colSpan={2}>From report</td>\r\n                            <td colSpan={2}>To report</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Date/time:</td><td>{toDateString(logAbstract.fromReportDateAndTime, undefined, true)}</td>\r\n                            <td>Date/time:</td><td>{toDateString(logAbstract.toReportDateAndTime, undefined, true)}</td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Event:</td><td><AppToLink to={`/reports/log/${logAbstract.fromReportId}`}>{LogReportType[logAbstract.fromReportType!]}</AppToLink></td>\r\n                            <td>Event:</td><td><AppToLink to={`/reports/log/${logAbstract.toReportId}`}>{LogReportType[logAbstract.toReportType!]}</AppToLink></td>\r\n                        </tr>\r\n                        <tr>\r\n                            <td>Port:</td><td><AppToLink to={`/portCalls/${logAbstract.originPortCallId}`}>{toCapitalLetters(logAbstract.originPortName)}</AppToLink></td>\r\n                            <td>Port:</td><td><AppToLink to={`/portCalls/${logAbstract.destinationPortCallId}`}>{toCapitalLetters(logAbstract.destinationPortName)}</AppToLink></td>\r\n                        </tr>\r\n                    </tbody>\r\n                </DetailsTable>\r\n                { logAbstractDto && (!log || log.length === 0) &&\r\n                <JsonData>\r\n                    <div>\r\n                        <div>\r\n                            Data to be transferred to Veracity by DNV:\r\n                        </div>\r\n                        <div>\r\n                            <pre>\r\n                                {jsonToText(JSON.stringify(logAbstractDto, null, 2))}\r\n                            </pre>\r\n                        </div>\r\n                    </div>\r\n                </JsonData>\r\n                }\r\n\r\n                {log && log.length > 0 &&\r\n                    <SyncLog>\r\n                        <p>Veracity by DNV transfer log</p>\r\n                        {log.map(_ => {\r\n                            return <div key={'sync_log_item_' + _.id}>\r\n                                <div onClick={() => { toggleLogItemBody(_.id) }}>\r\n                                    <div>\r\n                                        <div>{toDateString(_.created, undefined, true)}\r\n                                            {getIconFromSyncStatus(_.syncStatus)}\r\n                                        </div>\r\n                                    </div>\r\n                                    {!visibleLogBodies?.includes(_.id) && <FontAwesomeIcon icon={faCaretDown}></FontAwesomeIcon>}\r\n                                    {visibleLogBodies?.includes(_.id) && <FontAwesomeIcon icon={faCaretUp}></FontAwesomeIcon>}\r\n                                </div>\r\n\r\n                                <div>\r\n                                    {visibleLogBodies?.includes(_.id) &&\r\n                                    <div>\r\n                                    <div>\r\n                                        <p style={{margin:\"0px\"}}>Data transferred:</p>\r\n                                        \r\n                                        \r\n                                        <pre style={{ whiteSpace: \"break-spaces\", marginTop:\"-10px\" }}>{\r\n                                            _.postJson?.startsWith(\"Delete\") \r\n                                            ?\r\n                                            jsonToText(JSON.stringify(JSON.parse('{\"Action\": \"Delete\"}'), null, 2))\r\n                                            :\r\n                                            jsonToText(JSON.stringify(JSON.parse(_.postJson ?? '{}'), null, 2))\r\n                                        }</pre>\r\n\r\n                                    </div>\r\n                                    <div>\r\n                                        <p style={{margin:\"0px\"}}>Response:</p>\r\n                                        <pre style={{ whiteSpace: \"break-spaces\", marginTop:\"-10px\" }}>{jsonToText(JSON.stringify(JSON.parse(_.responseJson), null, 2))}</pre>\r\n                                    </div>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                        })}\r\n                    </SyncLog>\r\n                }\r\n                <AppDialog\r\n                    title=\"Transfer data?\"\r\n                    subText=\"Are you sure you want to transfer this data entry to Veracity by DNV?\"\r\n                    open={transferDialogOpen}\r\n                    cancel={() => setTransferDialogOpen(false)}\r\n                    commit={() => {\r\n                        setTransferDialogOpen(false);\r\n                        setTransferring(true);\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel >\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { IDivTableColumn } from \"../../../interfaces/IDivTableColumn\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { faCheck, faExclamationTriangle, faFilter, faHourglass2 } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { Filter } from \"../Filter\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { FilterContainer } from \"../../../blocks/filter/FilterContainer\";\r\nimport styled from \"styled-components\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { LogReportType } from \"../../../_enums/LogReportType\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { IOvdLogAbstract } from \"../../../interfaces/IOvdLogAbstract\";\r\nimport { AppToLink } from \"../../../blocks/appLink/AppLink\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { MrvLogAbstractPanel } from \"./MrvLogAbstractPanel\";\r\nimport { OvdSyncStatus } from \"../../../_enums/OvdSyncStatus\";\r\nimport { IOvdLogAbstractOperationsDto } from \"../../../interfaces/IOvdLogAbstractOperationsDto\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n\r\nconst Synced = styled.div`\r\n    background-color: #32ad5b;\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: white;\r\n`;\r\n\r\nconst NotSynced = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 16px;\r\n    color: #333;\r\n`;\r\n//#endregion\r\n\r\nexport const MrvLogAbstracts = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const [logAbstracts, setLogAbstracts] = useState<IOvdLogAbstractOperationsDto[]>([]);\r\n    const history = useNavigate();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [fetching, setFetching] = useState(false);\r\n    const [openLogAbstract, setOpenLogAbstract] = useState<IOvdLogAbstractOperationsDto | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { relativeDateString, resolveTimeZone, toDateString } = useDateFunctions();\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n\r\n    const isValid = (_: IOvdLogAbstractOperationsDto) => {\r\n        return !(_.validationErrors || (_.synced && _.syncStatus && _.syncStatus !== OvdSyncStatus.Ok))\r\n    }\r\n\r\n    const SetWarningTitle = (_: IOvdLogAbstractOperationsDto) => {\r\n        if (_.validationErrors) {\r\n            let errors: string[] = JSON.parse(_.validationErrors);\r\n            return errors.join(\" | \");\r\n        } else {\r\n            return \"Last sync attempt contains warnings\";\r\n        }\r\n    }\r\n\r\n    const columns: IDivTableColumn[] = [\r\n        {\r\n            key: \"date\",\r\n            title: \"Date & time\",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                return <DateString date={_.date} timeZone={resolveTimeZone()} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vesselName\",\r\n            title: \"Vessel\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return toCapitalLetters(la.vesselName);\r\n            }\r\n        },\r\n        {\r\n            key: \"event\",\r\n            title: \"Event\"\r\n        },\r\n        {\r\n            key: \"origin\",\r\n            title: \"Origin\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return la.originPortCallId\r\n                    ? <AppToLink onClick={ev => ev.stopPropagation()} to={`/portCalls/${la.originPortCallId}`} title={`${toCapitalLetters(la.originPortName)}, voyage: ${la.originVoyageNumber}`}>{toCapitalLetters(la.originPortName)} - {la.originVoyageNumber}</AppToLink>\r\n                    : \"\";\r\n            }\r\n        },\r\n        {\r\n            key: \"destination\",\r\n            title: \"Destination\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return la.destinationPortCallId\r\n                    ? <AppToLink onClick={ev => ev.stopPropagation()} to={`/portCalls/${la.destinationPortCallId}`} title={`${toCapitalLetters(la.destinationPortName)}, voyage: ${la.destinationVoyageNumber}`}>{toCapitalLetters(la.destinationPortName)} - {la.destinationVoyageNumber}</AppToLink>\r\n                    : \"\";\r\n            }\r\n        },\r\n        {\r\n            key: \"fromReport\",\r\n            title: \"From report\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return <AppToLink onClick={ev => ev.stopPropagation()} to={`/reports/log/${la.fromReportId}`}>{LogReportType[la.fromReportType!]}</AppToLink>;\r\n            }\r\n        },\r\n        {\r\n            key: \"toReport\",\r\n            title: \"To report\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return <AppToLink onClick={ev => ev.stopPropagation()} to={`/reports/log/${la.toReportId}`}>{LogReportType[la.toReportType!]}</AppToLink>;\r\n            }\r\n        },\r\n        {\r\n            key: \"cargoMt\",\r\n            title: \"Cargo (MT)\",\r\n            width: \"80px\",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                return <div style={{ float: \"right\" }}>{_.cargoMt ? _.cargoMt.toLocaleString() : \"0\"} MT</div>;\r\n            }\r\n\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            width: \"80px\",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                let s = relativeDateString(_.modified, { months: 1 }, undefined, true);\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            width: \"20px\",\r\n            title: \" \",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                if (!isValid(_)) {\r\n                    return (\r\n                        <div style={{ display:\"flex\", justifyContent: \"center\", alignItems: \"center\"}}>\r\n                        <FontAwesomeIcon title={SetWarningTitle(_)} icon={faExclamationTriangle} style={{ fontSize: \"18px\", color: \"#b5b535\" }} />\r\n                        </div>\r\n                    );\r\n                } \r\n                if (_.synced && (_.synced >= _.modified)) {\r\n                    return (\r\n                        <Synced title={`Synced to Veracity by DNV ${toDateString(_.synced)}`}>\r\n                            <FontAwesomeIcon icon={faCheck} />\r\n                        </Synced>\r\n                    );\r\n                }\r\n                if (_.synced && (_.synced < _.modified)) {\r\n                    return (\r\n                        <NotSynced title={\"Latest changes are not yet synced\"}>\r\n                            <FontAwesomeIcon icon={faHourglass2} />\r\n                        </NotSynced>\r\n                    );\r\n                }\r\n                return (\r\n                    <NotSynced title={\"Not yet synced\"}>\r\n                        <FontAwesomeIcon icon={faHourglass2} />\r\n                    </NotSynced>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: IOvdLogAbstract) => {\r\n        history(`/reports/mrv/logabstracts/${_.id}`);\r\n    }\r\n\r\n    const getOvdLogAbstracts = () => {\r\n        app.api.getOvdLogAbstracts(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setLogAbstracts(_);\r\n                }\r\n                else {\r\n                    setLogAbstracts([...logAbstracts, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all mrv entries matching search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.OvdLogAbstracts));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getOvdLogAbstracts();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.OvdLogAbstracts, filters);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let la = logAbstracts.find(_ => _.id === Number(id));\r\n            if (la) {\r\n                setOpenLogAbstract(la);\r\n                return;\r\n            }\r\n        }\r\n    }, [logAbstracts, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    }\r\n                ]}\r\n                search={{\r\n                    additionalInfo: \"Log abstracts free text search looks up the following columns; Vessel, Origin and Destination\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.OvdLogAbstracts, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"mrv\",\r\n                            title: \"mrv\",\r\n                            url: \"/reports/mrv\"\r\n                        },\r\n                        {\r\n                            id: \"logAbstracts\",\r\n                            title: \"log abstracts\",\r\n                            url: \"/reports/mrv/logabstracts\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={logAbstracts}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                isLogAbstract={true}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                    setCachedFilters(CachedFilterType.OvdLogAbstracts, _);\r\n                }}\r\n            />\r\n\r\n            <MrvLogAbstractPanel\r\n                la={openLogAbstract}\r\n                isOpen={id !== undefined}\r\n                onUpdate={la => {\r\n                    let _laIndex = logAbstracts.findIndex(_ => _.id == la.id);\r\n                    let _las = [...logAbstracts];\r\n                    _las[_laIndex] = la;\r\n                    setLogAbstracts(_las);\r\n                }}\r\n                dismiss={() => {\r\n                    setOpenLogAbstract(undefined);\r\n                    history(\"/reports/mrv/logabstracts\");\r\n                }}\r\n            />\r\n\r\n        </ContentPage>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IOvdLogAbstractOperationsDto } from \"../../interfaces/IOvdLogAbstractOperationsDto\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRight, faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { Card } from \"../../blocks/card/Card\";\r\nimport { IOvdBunkerReport } from \"../../interfaces/IOvdBunkerReport\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n    width: 100%;\r\n    \r\n    >div {\r\n        width: 100%;\r\n    }\r\n\r\n    >div:first-child {\r\n        margin-right: 20px;\r\n    }\r\n\r\n    >div:last-child {\r\n        margin-left: 20px;\r\n    }\r\n`;\r\n\r\n//#endregion \r\n\r\nexport const WarningTables = () => {\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const {relativeDateString, resolveTimeZone} = useDateFunctions();\r\n    const [logAbstracts, setLogAbstracts] = useState<IOvdLogAbstractOperationsDto[] | undefined>();\r\n    const [bunkerReports, setBunkerReports] = useState<IOvdBunkerReport[] | undefined>();\r\n    const [fetchingLogAbstracts, setFetchingLogAbstracts] = useState(false);\r\n    const [fetchingBunkerReports, setFetchingBunkerReports] = useState(false);\r\n\r\n    const fetchBunkerReports = () => {\r\n        app.api.getOvdBunkerReports('?take=15&onlyWithWarnings=true')\r\n        .then((_) => {\r\n            setBunkerReports(_);\r\n            setFetchingBunkerReports(false);\r\n        })\r\n        .catch((_) => {\r\n            app.setAppMessage({text:'Could not fetch bunker reports with warnings'});\r\n            setBunkerReports(undefined);\r\n            setFetchingBunkerReports(false);\r\n        })\r\n    }\r\n\r\n    const fetchLogAbstracts = () => {\r\n        app.api.getOvdLogAbstracts('?take=15&onlyWithWarnings=true')\r\n        .then((_) => {\r\n            setLogAbstracts(_);\r\n            setFetchingLogAbstracts(false);\r\n        })\r\n        .catch((_) => {\r\n            app.setAppMessage({text:'Could not fetch log abstracts with warnings'});\r\n            setLogAbstracts(undefined);\r\n            setFetchingLogAbstracts(false);\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fetchingBunkerReports) {\r\n            fetchBunkerReports();\r\n        }\r\n    }, [fetchingBunkerReports]);\r\n\r\n    useEffect(() => {\r\n        if (fetchingLogAbstracts) {\r\n            fetchLogAbstracts();\r\n        }\r\n    }, [fetchingLogAbstracts]);\r\n\r\n    useEffect(() => {\r\n        if (!logAbstracts && !fetchingLogAbstracts) {\r\n            setFetchingLogAbstracts(true);\r\n        }\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (!bunkerReports && !fetchingBunkerReports) {\r\n            setFetchingBunkerReports(true);\r\n        }\r\n    }, []);\r\n\r\n    const logAbstractColumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"date\",\r\n            title: \"Date & time\",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                return <DateString date={_.date} timeZone={resolveTimeZone()} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vesselName\",\r\n            title: \"Vessel\",\r\n            render: (la: IOvdLogAbstractOperationsDto) => {\r\n                return toCapitalLetters(la.vesselName);\r\n            }\r\n        },\r\n        {\r\n            key: \"event\",\r\n            title: \"Event\"\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                let s = relativeDateString(_.modified, { months: 1 }, undefined, true);\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            title: \" \",\r\n            gridCellWidth: '80px',\r\n            render: (_: IOvdLogAbstractOperationsDto) => {\r\n                return (\r\n                    <div style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\", marginLeft:\"7px\" }}>\r\n                        <FontAwesomeIcon title={SetWarningTitle(_)} icon={faExclamationTriangle} style={{ fontSize: \"18px\", color: \"#b5b535\" }} />\r\n                    </div>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const bunkerReportcolumns: IGridTableColumn[] = [\r\n        {\r\n            key: \"commenced\",\r\n            title: \"Date & time\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                return <DateString date={_.commenced} timeZone={resolveTimeZone(_.portCall?.port?.timeZone)} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vessel\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                return _.vessel ? toCapitalLetters(_.vessel.name) : \"N/A\";\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                let s = relativeDateString(_.modified, { months: 1 }, undefined, true);\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            gridCellWidth: '80px',\r\n            title: \" \",\r\n            render: (_: IOvdBunkerReport) => {\r\n                return (\r\n                    <div style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\", marginLeft:\"7px\" }}>\r\n                        <FontAwesomeIcon title={SetWarningTitle(_)} icon={faExclamationTriangle} style={{ fontSize: \"18px\", color: \"#b5b535\" }} />\r\n                    </div>\r\n                );\r\n\r\n            }\r\n        }\r\n    ];\r\n\r\n    const SetWarningTitle = (_: IOvdBunkerReport | IOvdLogAbstractOperationsDto) => {\r\n        if (_.validationErrors) {\r\n            let errors: string[] = JSON.parse(_.validationErrors);\r\n            return errors.join(\" | \");\r\n        } else {\r\n            return \"Last sync attempt contains warnings\";\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Card\r\n                title=\"Log abstracts with warnings (top 15 recent)\"\r\n                height=\"auto\"\r\n                loading={fetchingLogAbstracts}\r\n                actions={[\r\n                    {\r\n                        title: \"View all log abstracts\",\r\n                        icon: <FontAwesomeIcon icon={faArrowRight} />,\r\n                        onClick: () => history(`/reports/mrv/logabstracts`)\r\n                    }\r\n                ]}\r\n            >\r\n                <AppGridTableNew\r\n                    columns={logAbstractColumns}\r\n                    loading={fetchingLogAbstracts}\r\n                    data={logAbstracts}\r\n                    rowClick={(rowData) => history(`/reports/mrv/logabstracts/${rowData.id}`)}\r\n                    emptyMessage=\"No sync warnings\"\r\n                >\r\n                </AppGridTableNew>\r\n            </Card>\r\n            <Card\r\n                title=\"Bunker reports with warnings (top 15 recent)\"\r\n                height=\"auto\"\r\n                loading={fetchingLogAbstracts}\r\n                actions={[\r\n                    {\r\n                        title: \"View all bunker reports\",\r\n                        icon: <FontAwesomeIcon icon={faArrowRight} />,\r\n                        onClick: () => history(`/reports/mrv/bunkerreports`)\r\n                    }\r\n                ]}\r\n            >\r\n                <AppGridTableNew\r\n                    columns={bunkerReportcolumns}\r\n                    loading={fetchingBunkerReports}\r\n                    data={bunkerReports}\r\n                    rowClick={(rowData) => history(`/reports/mrv/bunkerreports/${rowData.id}`)}\r\n                    emptyMessage=\"No sync warnings\"\r\n                >\r\n                </AppGridTableNew>\r\n            </Card>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useClassificationPartner } from \"../../api/hooks/useClassificationPartner\";\r\nimport { AppToLink } from \"../../blocks/appLink/AppLink\";\r\nimport { ContentPageTitle } from \"../../blocks/contentPage/ContentPageTitle\";\r\nimport { WarningTables } from \"./WarningTables\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    font-size: 14px;\r\n`;\r\n\r\nconst PartnerLogo = styled.div`\r\n    background-color: white;\r\n    padding: 20px 20px 12px;\r\n    max-width: 120px;\r\n    border-radius: 4px;\r\n    box-shadow: 0 0 4px #ddd;\r\n    margin-bottom: 30px;\r\n`;\r\n\r\nconst SubHeader = styled.div`\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    margin: 30px 0 10px;\r\n`;\r\n//#endregion\r\n\r\nexport const MrvMain = () => {\r\n    const { app } = useAppContext();\r\n    const { classificationPartner, isValidating } = useClassificationPartner(app.currentCustomerRole.customer.id);\r\n\r\n    return (\r\n        <ContentPage working={isValidating}>\r\n            <ContentPageHeader>\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"mrv\",\r\n                            title: \"mrv\",\r\n                            url: \"/reports/mrv\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <ContentPageTitle>\r\n                    MRV\r\n                </ContentPageTitle>\r\n                <Body>\r\n                    {!classificationPartner\r\n                        ?\r\n                        <div>\r\n                            <div>\r\n                                A classification partner is not defined or you don't have a valid subscription. Please <AppToLink to={\"/help/form?s=Enable a classification partner integration\"}>contact support</AppToLink> to enable an integration with one of our integration partners.\r\n                            </div>\r\n                            <SubHeader>\r\n                                Integration partners\r\n                            </SubHeader>\r\n                            <div style={{ marginBottom: \"20px\" }}>\r\n                                We currently have integrations with the following partners:\r\n                            </div>\r\n                            <PartnerLogo>\r\n                                <img src=\"/img/logo/veracity-logo.svg\" />\r\n                            </PartnerLogo>\r\n                        </div>\r\n                        :\r\n                        <div>\r\n                            <PartnerLogo>\r\n                                <img src=\"/img/logo/veracity-logo.svg\" />\r\n                            </PartnerLogo>\r\n                            <WarningTables />\r\n                        </div>\r\n                    }\r\n                </Body>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IClassificationPartner } from \"../../interfaces/IClassificationPartner\";\r\n\r\nexport const useClassificationPartner = (customerId: string) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/customers/${customerId}/classificationPartner`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 5 * 60 * 1000,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let classificationPartner: IClassificationPartner | undefined = data;\r\n\r\n    return { classificationPartner, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCaretDown, faCaretUp, faCheckCircle, faClipboard, faExclamationCircle, faExclamationTriangle, faPaperPlane } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport styled from \"styled-components\";\r\nimport { AppDialog } from \"../../../blocks/appDialog/AppDialog\";\r\nimport { AppExternalLink } from \"../../../blocks/appLink/AppLink\";\r\nimport { AppPanel, AppPanelFooter } from \"../../../blocks/appPanel/AppPanel\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { IOvdBunkerReport } from \"../../../interfaces/IOvdBunkerReport\";\r\nimport { OvdSyncStatus } from \"../../../_enums/OvdSyncStatus\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n\r\nconst JsonData = styled.div`\r\n    background-color: #fafafa;\r\n    margin: 30px -30px -35px !important;\r\n\r\n    >div {\r\n        border-top: 1px solid #ddd;\r\n        padding: 25px 30px 30px;\r\n    }\r\n\r\n    >div:last-child {\r\n        border-bottom: 1px solid #ddd;\r\n    }\r\n`;\r\n\r\nconst SyncLog = styled.div`\r\n    border-top: 1px solid #ddd;\r\n    margin: 30px -30px -30px !important;\r\n\r\n    >div:last-child {\r\n        border-bottom: 1px solid #ddd;\r\n    }\r\n    >p {\r\n        padding-left: 30px;\r\n        font-weight: 500;\r\n    }\r\n    >div {\r\n        background-color: #fafafa;\r\n        >div:first-child {\r\n            border-top: 1px solid #ddd;\r\n            display: flex;\r\n            padding: 15px 15px 15px 30px;\r\n            cursor: pointer;\r\n            >div:first-child {\r\n                margin-right: auto;\r\n                >div {\r\n                    >svg {\r\n                        margin-left: 15px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        >div:last-child {\r\n            >div {\r\n                margin-top: -15px;\r\n                padding: 15px 15px 15px;\r\n            }\r\n        }\r\n        >div {\r\n            padding-left: 15px;\r\n        }\r\n    }    \r\n`;\r\n//#endregion\r\n\r\nexport const MrvBunkerReportPanel: React.FC<{ isOpen: boolean, br?: IOvdBunkerReport, onUpdate: (br: IOvdBunkerReport) => void, dismiss: () => void }> = ({ isOpen, br, onUpdate, dismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [bunkerReport, setBunkerReport] = useState<IOvdBunkerReport | undefined>();\r\n    const [bunkerReportDto, setBunkerReportDto] = useState<any | undefined>();\r\n    const [transferring, setTransferring] = useState(false);\r\n    const [transferDialogOpen, setTransferDialogOpen] = useState(false);\r\n    const [logBodyOpen, setLogBodyOpen] = useState(false);\r\n    const { toDateString } = useDateFunctions();\r\n    const { getError } = useRest();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const getDto = () => {\r\n        app.api.getOvdBunkerReport(br!.id, true)\r\n            .then(_ => {\r\n                setBunkerReportDto(_);\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n            });\r\n    }\r\n\r\n    const transfer = async () => {\r\n        try {\r\n            let _br = await app.api.transferOvdBunkerReport(br!.id);\r\n            onUpdate(_br)\r\n        } catch (error) {\r\n            let err = await getError(error);\r\n            app.setAppMessage({\r\n                text: err,\r\n                isError: true\r\n            });\r\n        }\r\n        setTransferring(false);\r\n    }\r\n\r\n    const getSuccessMessage = () => {\r\n        if (br && br.synced && !transferring && !br.validationErrors && br.syncStatus !== OvdSyncStatus.HasWarnings && br.syncStatus !== OvdSyncStatus.HasErrors) {\r\n            return `Synced ${toDateString(br.synced, undefined, true)}`;\r\n        }\r\n    }\r\n\r\n    const getWarningMessage = () => {\r\n        if (transferring) {\r\n            return \"Transferring data to Veracity by DNV, please wait...\";\r\n        }\r\n        else if (br) {\r\n            let msg: string[] = [];\r\n\r\n            if (!br.synced) {\r\n                msg.push(\"Awaits transfer.\");\r\n            }\r\n            if (br.validationErrors) {\r\n                let validationErrors: string[] = JSON.parse(br.validationErrors);\r\n                validationErrors.forEach((_) => {\r\n                    msg.push(_);\r\n                });\r\n            }\r\n            if (br.syncStatus === OvdSyncStatus.HasWarnings) {\r\n                msg.push(\"Last sync response contains warnings from DNV\")\r\n            }\r\n\r\n            return msg.length > 0 ? msg.join(\" | \") : undefined;\r\n        }\r\n    }\r\n\r\n    const getErrorMessage = () => {\r\n        if (br && !transferring && br.syncStatus === OvdSyncStatus.HasErrors) {\r\n            return `${br.synced ? `Synced ${toDateString(br.synced, undefined, true)} with transfer errors` : \"Transfer errors\"}`;\r\n        }\r\n    }\r\n\r\n    const jsonToText = (input: string) => {\r\n        return input ? input.replaceAll(\"{\", \"\").replaceAll(\"}\", \"\").replaceAll(\"\\\"\", \"\").replaceAll(\",\", \"\") : '';\r\n    }\r\n\r\n    const getIconFromSyncStatus = (status: OvdSyncStatus) => {\r\n        switch (status) {\r\n            // faCheck, faExclamationCircle, faFilter, faHourglass2, faWarning\r\n            case OvdSyncStatus.Ok:\r\n                return <FontAwesomeIcon title=\"Synced Ok\" icon={faCheckCircle} style={{ fontSize: \"14px\", color: \"#32ad5b\" }}></FontAwesomeIcon>\r\n            case OvdSyncStatus.HasErrors:\r\n                return <FontAwesomeIcon title=\"Synced with errors\" icon={faExclamationCircle} style={{ fontSize: \"14px\", color: \"red\" }} />\r\n            case OvdSyncStatus.HasWarnings:\r\n                return <FontAwesomeIcon title=\"Synced with warnings\" icon={faExclamationCircle} style={{ fontSize: \"14px\", color: \"#b5b535\" }} />\r\n            case OvdSyncStatus.SyncNotOk:\r\n                return <FontAwesomeIcon title=\"Sync failed\" icon={faExclamationTriangle} style={{ fontSize: \"14px\", color: \"darkred\" }}></FontAwesomeIcon>\r\n            default: return '';\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setBunkerReport(br);\r\n\r\n        if (!br) {\r\n            setBunkerReportDto(undefined);\r\n        }\r\n        else {\r\n            getDto();\r\n        }\r\n    }, [br])\r\n\r\n    useEffect(() => {\r\n        if (transferring) {\r\n            transfer();\r\n        }\r\n    }, [transferring])\r\n\r\n    if (!bunkerReport) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title={<span><span style={{ fontWeight: 100 }}>Bunker report in</span> {toCapitalLetters(bunkerReport.port.name)}</span>}\r\n            isOpen={isOpen}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"600px\"\r\n            noPadding\r\n            titleBgColor=\"#222c3d\"\r\n            working={transferring}\r\n            icon={<FontAwesomeIcon icon={faClipboard} />}\r\n            successMessage={getSuccessMessage()}\r\n            errorMessage={getErrorMessage()}\r\n            warningMessage={getWarningMessage()}\r\n            dismiss={() => {\r\n                if (!transferring) {\r\n                    dismiss();\r\n                }\r\n            }}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        actions={[\r\n                            {\r\n                                title: \"Transfer data to Veracity by DNV\",\r\n                                icon: <FontAwesomeIcon icon={faPaperPlane} />,\r\n                                onClick: () => setTransferDialogOpen(true),\r\n                                disabled: transferring\r\n                            }\r\n                        ]}\r\n                        buttons={[\r\n                            {\r\n                                title: \"Close\",\r\n                                onClick: dismiss\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <div>\r\n                    OVD data transferred to <AppExternalLink href=\"https://developer.veracity.com/docs/section/datastandards/operationalvesseldata\" target=\"_blank\">Veracity by DNV</AppExternalLink>. Calculation is based on events and consumption between the two following report. AIS data is used for distance sailed if available.\r\n                </div>\r\n                {bunkerReportDto && !br?.postJson &&\r\n                <JsonData>\r\n                    <div>\r\n                        <div>\r\n                            Data to be transfered to Veracity by DNV:\r\n                        </div>\r\n                        <div>\r\n                            <pre>{JSON.stringify(bunkerReportDto, null, 2)}</pre>\r\n                        </div>\r\n                    </div>\r\n                </JsonData>\r\n                }\r\n\r\n                {br?.postJson &&\r\n                    <SyncLog>\r\n                        <p>Veracity by DNV transfer log</p>\r\n                            <div>\r\n                                <div onClick={() => { setLogBodyOpen(!logBodyOpen); }}>\r\n                                    <div>\r\n                                        <div>{toDateString(br.synced, undefined, true)}\r\n                                            {getIconFromSyncStatus(br.syncStatus)}\r\n                                        </div>\r\n                                    </div>\r\n                                    {!logBodyOpen && <FontAwesomeIcon icon={faCaretDown}></FontAwesomeIcon>}\r\n                                    {logBodyOpen && <FontAwesomeIcon icon={faCaretUp}></FontAwesomeIcon>}\r\n                                </div>\r\n\r\n                                <div>\r\n                                    {logBodyOpen &&\r\n                                    <div>\r\n                                    <div>\r\n                                        <p style={{margin:\"0px\"}}>Data transferred:</p>\r\n                                        <pre style={{ whiteSpace: \"break-spaces\", marginTop:\"-10px\" }}>{jsonToText(JSON.stringify(JSON.parse(br.postJson), null, 2))}</pre>\r\n                                    </div>\r\n                                    <div>\r\n                                        <p style={{margin:\"0px\"}}>Response:</p>\r\n                                        <pre style={{ whiteSpace: \"break-spaces\", marginTop:\"-10px\" }}>{jsonToText(JSON.stringify(JSON.parse(br.responseJson ?? '{}'), null, 2))}</pre>\r\n                                    </div>\r\n                                    </div>\r\n                                    }\r\n                                </div>\r\n                            </div>\r\n                    </SyncLog>\r\n                }\r\n\r\n                <AppDialog\r\n                    title=\"Transfer data?\"\r\n                    subText=\"Are you sure you want to transfer this data entry to Veracity by DNV?\"\r\n                    open={transferDialogOpen}\r\n                    cancel={() => setTransferDialogOpen(false)}\r\n                    commit={() => {\r\n                        setTransferDialogOpen(false);\r\n                        setTransferring(true);\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel >\r\n    );\r\n};","import React from \"react\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { IDivTableColumn } from \"../../../interfaces/IDivTableColumn\";\r\nimport { AppTable } from \"../../../blocks/appTable/AppTable\";\r\nimport { faCheck, faExclamationTriangle, faFilter, faHourglass2 } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { Filter } from \"../Filter\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { FilterContainer } from \"../../../blocks/filter/FilterContainer\";\r\nimport styled from \"styled-components\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { AppToLink } from \"../../../blocks/appLink/AppLink\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { MrvBunkerReportPanel } from \"./MrvBunkerReportPanel\";\r\nimport { IOvdBunkerReport } from \"../../../interfaces/IOvdBunkerReport\";\r\nimport { OvdSyncStatus } from \"../../../_enums/OvdSyncStatus\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n    \r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto; \r\n    }\r\n`;\r\n\r\nconst Synced = styled.div`\r\n    background-color: #32ad5b;\r\n    width: 18px;\r\n    height: 18px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 10px;\r\n    font-weight: 700;\r\n    color: white;\r\n`;\r\n\r\nconst NotSynced = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-size: 16px;\r\n    color: #333;\r\n`;\r\n//#endregion\r\n\r\nexport const MrvBunkerReports = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { id } = useParams<{ id: any }>();\r\n    const [bunkerReports, setBunkerReports] = useState<IOvdBunkerReport[]>([]);\r\n    const history = useNavigate();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [fetching, setFetching] = useState(false);\r\n    const [openBunkerReport, setOpenBunkerReport] = useState<IOvdBunkerReport | undefined>();\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { relativeDateString, resolveTimeZone, toDateString } = useDateFunctions();\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number }>({\r\n        take: 100,\r\n        skip: 0\r\n    });\r\n\r\n    const SetWarningTitle = (_: IOvdBunkerReport) => {\r\n        if (_.validationErrors) {\r\n            let errors: string[] = JSON.parse(_.validationErrors);\r\n            return errors.join(\" | \");\r\n        } else {\r\n            return \"Last sync attempt contains warnings\";\r\n        }\r\n    }\r\n\r\n    const columns: IDivTableColumn[] = [\r\n        {\r\n            key: \"date\",\r\n            title: \"Date & time\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                return <DateString date={_.commenced} timeZone={resolveTimeZone()} short />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vessel\",\r\n            title: \"Vessel\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                return toCapitalLetters(_.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"port\",\r\n            title: \"Port\",\r\n            render: (br: IOvdBunkerReport) => {\r\n                return br.portCall\r\n                    ? <AppToLink onClick={ev => ev.stopPropagation()} to={`/portCalls/${br.portCall.id}`} title={`${toCapitalLetters(br.portCall.port?.name)}, voyage: ${br.portCall.voyage?.voyageNumber}`}>{toCapitalLetters(br.portCall.port?.name)} - {br.portCall.voyage?.voyageNumber}</AppToLink>\r\n                    : toCapitalLetters(br.port.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"report\",\r\n            title: \"Report\",\r\n            render: (br: IOvdBunkerReport) => {\r\n                if (!br || !br.bunkerDeliveryNote) {\r\n                }\r\n                return <AppToLink onClick={ev => ev.stopPropagation()} to={`/reports/bdn/${br.bunkerDeliveryNote.id}`}>{toCapitalLetters(br.fuel.name)}</AppToLink>;\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            width: \"80px\",\r\n            render: (_: IOvdBunkerReport) => {\r\n                let s = relativeDateString(_.modified, { months: 1 }, undefined, true);\r\n                return <span title={s} style={{ color: \"#999\", fontSize: \"11px\" }}>{s}</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"Status\",\r\n            width: \"20px\",\r\n            title: \" \",\r\n            render: (_: IOvdBunkerReport) => {\r\n                if (_.validationErrors || (_.synced && _.syncStatus && _.syncStatus !== OvdSyncStatus.Ok)) {\r\n                    return (\r\n                        <div style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\" }}>\r\n                            <FontAwesomeIcon title={SetWarningTitle(_)} icon={faExclamationTriangle} style={{ fontSize: \"18px\", color: \"#b5b535\" }} />\r\n                        </div>\r\n                    );\r\n                }\r\n                if (_.synced && (_.synced >= _.modified)) {\r\n                    return (\r\n                        <Synced title={`Synced to Veracity by DNV ${toDateString(_.synced)}`}>\r\n                            <FontAwesomeIcon icon={faCheck} />\r\n                        </Synced>\r\n                    );\r\n                }\r\n                if (_.synced && (_.synced < _.modified)) {\r\n                    return (\r\n                        <NotSynced title={\"Latest changes are not yet synced\"}>\r\n                            <FontAwesomeIcon icon={faHourglass2} />\r\n                        </NotSynced>\r\n                    );\r\n                }\r\n                return (\r\n                    <NotSynced>\r\n                        <FontAwesomeIcon icon={faHourglass2} />\r\n                    </NotSynced>\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: IOvdBunkerReport) => {\r\n        history(`/reports/mrv/bunkerreports/${_.id}`);\r\n    }\r\n\r\n    const getOvdBunkerReports = () => {\r\n        app.api.getOvdBunkerReports(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setBunkerReports(_);\r\n                }\r\n                else {\r\n                    setBunkerReports([...bunkerReports, ..._]);\r\n                    if (_.length === 0) {\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all mrv entries matching search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length > 0) {\r\n                    setTakeSkip(_ => {\r\n                        return ({\r\n                            take: _.take,\r\n                            skip: _.skip + 100\r\n                        });\r\n                    })\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.OvdBunkerReports));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getOvdBunkerReports();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take: 100,\r\n            skip: 0\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.OvdBunkerReports, filters);\r\n    }, [filters]);\r\n\r\n    useEffect(() => {\r\n        if (id) {\r\n            let la = bunkerReports.find(_ => _.id === Number(id));\r\n            if (la) {\r\n                setOpenBunkerReport(la);\r\n                return;\r\n            }\r\n        }\r\n    }, [bunkerReports, id])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true)\r\n                    }\r\n                ]}\r\n                search={{\r\n                    additionalInfo: \"Bunker report free text search looks up the following columns; Vessel, and Port\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.OvdBunkerReports, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"mrv\",\r\n                            title: \"mrv\",\r\n                            url: \"/reports/mrv\"\r\n                        },\r\n                        {\r\n                            id: \"bunkerreports\",\r\n                            title: \"bunker reports\",\r\n                            url: \"/reports/mrv/bunkerreports\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppTable\r\n                            data={bunkerReports}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                isLogAbstract={false}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                    setCachedFilters(CachedFilterType.OvdBunkerReports, _);\r\n                }}\r\n            />\r\n\r\n            <MrvBunkerReportPanel\r\n                br={openBunkerReport}\r\n                isOpen={id !== undefined}\r\n                onUpdate={br => {\r\n                    let _brIndex = bunkerReports.findIndex(_ => _.id == br.id);\r\n                    let _brs = [...bunkerReports];\r\n                    _brs[_brIndex] = br;\r\n                    setBunkerReports(_brs);\r\n                }}\r\n                dismiss={() => {\r\n                    setOpenBunkerReport(undefined);\r\n                    history(\"/reports/mrv/bunkerreports\");\r\n                }}\r\n            />\r\n\r\n        </ContentPage>\r\n    );\r\n};","import React from \"react\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { CompanyRoles } from \"../../_enums/CompanyRoles\";\r\nimport { Restricted } from \"../../blocks/restricted/Restricted\";\r\nimport { MrvLogAbstracts } from \"./logAbstracts/MrvLogAbstracts\";\r\nimport { MrvMain } from \"./MrvMain\";\r\nimport { MrvBunkerReports } from \"./bunkerReports/MrvBunkerReports\";\r\n\r\nexport const Mrv = () => {\r\n    return (\r\n        <Restricted requiredCompanyRoles={CompanyRoles.CompanyAdmin}>\r\n            <Routes>\r\n                <Route path=\"/\" element={<MrvMain />} />\r\n                <Route path=\"/logabstracts/:id?\" element={<MrvLogAbstracts />} />\r\n                <Route path=\"/bunkerreports/:id?\" element={<MrvBunkerReports />} />\r\n            </Routes>\r\n        </Restricted>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ITextField, TextField } from \"@fluentui/react\";\r\nimport { IChatMessage } from \"../../interfaces/IChatMessage\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { DateTime } from \"luxon\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { HubConnectionState } from \"@microsoft/signalr\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: white;\r\n    padding: 20px 40px 40px;\r\n    display: flex;\r\n    justify-content: center;\r\n`;\r\n\r\nconst InnerContainer = styled.div`\r\n    flex-grow: 1;\r\n    max-width: 960px;\r\n`;\r\n//#endregion\r\n\r\nexport const ChatSendMessages: React.FC<{}> = ({ }) => {\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [message, setMessage] = useState<string | undefined>();\r\n    const { activeVessel, addMessage, addVesselMessage, chat } = useChatProvider();\r\n    let inputRef: ITextField | null = null;\r\n\r\n    const getPlaceholder = () => {\r\n        if (!app.currentCustomerRole.customer.settings?.chatEnabled) {\r\n            return \"Chat subscription not activated\"\r\n        }\r\n\r\n        if (chat && chat.state === HubConnectionState.Connected) {\r\n            return activeVessel\r\n                ? `Write a message to ${toCapitalLetters(activeVessel.name)} (max 1000 characters) ...`\r\n                : \"Please select a vessel from the list to send a message...\";\r\n        }\r\n        else {\r\n            return \"Chat is disconnected\";\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        inputRef?.focus();\r\n    }, [activeVessel])\r\n\r\n    return (\r\n        <Container>\r\n            <InnerContainer>\r\n                <TextField\r\n                    componentRef={_ => inputRef = _}\r\n                    maxLength={1000}\r\n                    disabled={!app.currentCustomerRole.customer.settings?.chatEnabled || !chat || chat.state !== HubConnectionState.Connected || !activeVessel}\r\n                    autoFocus\r\n                    value={message ? message : \"\"}\r\n                    placeholder={getPlaceholder()}\r\n                    multiline\r\n                    autoAdjustHeight\r\n                    resizable={false}\r\n                    onChange={(ev, v) => setMessage(v)}\r\n                    description=\"Press ENTER to send. Hold SHIFT + ENTER for linebreaks\"\r\n                    styles={{\r\n                        field: {\r\n                            padding: \"14px 16px\",\r\n                            fontSize: \"14px\",\r\n                            color: \"#333\"\r\n                        },\r\n                        fieldGroup: {\r\n                            border: \"1px solid #ccc !important\",\r\n                            borderRadius: \"4px\",\r\n                            \":after\": {\r\n                                border: \"none !important\",\r\n                                borderBottom: \"3px solid #4177bf !important\"\r\n                            }\r\n                        }\r\n                    }}\r\n                    onKeyDown={ev => {\r\n                        if (!ev.shiftKey && ev.key === \"Enter\") {\r\n                            ev.preventDefault();\r\n\r\n                            if (!activeVessel || !message || message.trim().length === 0) {\r\n                                return;\r\n                            }\r\n\r\n                            let chatMessage: IChatMessage = {\r\n                                clientId: uuidv4(),\r\n                                created: DateTime.now().toJSDate(),\r\n                                sending: true,\r\n                                sentFromApp: false,\r\n                                message: message,\r\n                                vesselId: activeVessel!.id,\r\n                                userSenderId: app.me.id,\r\n                                userSender: {\r\n                                    id: app.me.id,\r\n                                    name: app.me.name\r\n                                }\r\n                            }\r\n\r\n                            addMessage(chatMessage);\r\n                            addVesselMessage(chatMessage);\r\n                            setMessage(undefined);\r\n                        }\r\n                    }}\r\n                />\r\n            </InnerContainer>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faExclamationCircle, faHourglass, faMessage, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { IChatMessage } from \"../../interfaces/IChatMessage\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useId } from \"@fluentui/react-hooks\";\r\nimport { Callout, DirectionalHint } from \"@fluentui/react\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { HubConnectionState } from \"@microsoft/signalr\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isMe: boolean, sentFromApp: boolean, isError?: boolean }>`\r\n    padding: 13px 0 13px 0;\r\n    position: relative;\r\n    \r\n    >div {\r\n        display: flex;\r\n        justify-content: ${_ => _.isMe ? \"flex-end\" : undefined};\r\n    }\r\n\r\n    .chat-message-details {\r\n        font-size: 12px;\r\n        color: #888;\r\n        margin-bottom: 4px;\r\n\r\n        .chat-message-sender {\r\n            font-weight: 600;\r\n            padding-right: 4px;\r\n            color: #555;\r\n        }\r\n    }\r\n\r\n    .chat-message-body {\r\n        .chat-message-sender-initials {\r\n            min-width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            background-color: ${_ => _.sentFromApp ? \"#87b0e7\" : \"#aacf8c\"};\r\n            color: white;\r\n            margin-right: 10px;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            letter-spacing: .5px;\r\n            font-weight: 600;\r\n\r\n            /*\r\n            position: relative;\r\n\r\n            >div {\r\n                position: absolute;\r\n                bottom: 0;\r\n                background-color: rgb(65, 119, 191, .8);\r\n                height: 5px;\r\n                width: 90%;\r\n                --mask:\r\n                    radial-gradient(2.50px at 50% 3.50px,#000 99%,#0000 101%) calc(50% - 4px) 0/8px 100%,\r\n                    radial-gradient(2.50px at 50% -1.5px,#0000 99%,#000 101%) 50% 2px/8px 100% repeat-x;\r\n                mask: var(--mask);\r\n            }\r\n            */\r\n        }\r\n\r\n        .chat-message-text {\r\n            position: relative;\r\n            background-color: ${_ => _.isError ? \"#ffd7de\" : _.isMe ? \"#E8EBFA\" : \"#eee\"};\r\n            border-radius: 4px;\r\n            padding: 10px 20px;\r\n            width: fit-content;\r\n\r\n            .chat-message-inner-text {\r\n                z-index: 1;\r\n                position: relative;\r\n            }\r\n            \r\n            .chat-message-icon {\r\n                bottom: -12px;\r\n                font-size: 40px;\r\n                position: absolute;\r\n                font-size: 40px;\r\n\r\n                ${_ => _.isMe ? css`\r\n                    color: #E8EBFA;\r\n                    right: 0px;\r\n                    transform: rotateY(180deg);\r\n                ` : css`\r\n                    color: #eee;\r\n                    left: 0px;\r\n                `};\r\n\r\n                color: ${_ => _.isError ? \"#ffd7de\" : undefined};\r\n            }\r\n\r\n            :hover {\r\n                cursor: ${_ => _.isMe ? \"pointer\" : undefined};\r\n            }\r\n        }\r\n    }\r\n\r\n    .chat-message-status-icon {\r\n        position: absolute;\r\n        right: -2px;\r\n        bottom: 19px;\r\n        font-size: 9px;\r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    display: flex;\r\n\r\n    >div {\r\n        padding: 10px 14px;\r\n        border-right: 1px solid #eee;\r\n        font-size: 14px;\r\n        color: #555;\r\n\r\n        :hover {\r\n            background-color: #fafafa;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        border-right: none;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ChatMessage: React.FC<{ message: IChatMessage }> = ({ message }) => {\r\n    const { app } = useAppContext();\r\n    const { chat, vesselMessages, setVesselMessages } = useChatProvider();\r\n    const { toDateString, relativeDateString, resolveTimeZone } = useDateFunctions();\r\n    const [menuOpen, setMenuOpen] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const tz = resolveTimeZone();\r\n    const messageContainerId = useId('message-callout-container');\r\n    const isMe = message.userSenderId === app.me.id;\r\n    const isString = message.message instanceof String || typeof message.message === \"string\";\r\n    let hideMenuTimeout: any = null;\r\n\r\n    const getHtml = () => {\r\n        return message.message.replace(/(?:\\r\\n|\\r|\\n)/g, \"<br>\");\r\n    }\r\n\r\n    const getUserInitials = (name?: string) => {\r\n        if (!name) {\r\n            return \"?\";\r\n        }\r\n\r\n        let split = name.split(\" \").filter(_ => _.trim().length > 0);\r\n        let initials = \"\";\r\n\r\n        if (split.length > 1) {\r\n            if (split[0].length > 0) {\r\n                initials = split[0].substring(0, 1);\r\n            }\r\n            if (split[split.length - 1].length > 0) {\r\n                initials += split[split.length - 1].substring(0, 1);\r\n            }\r\n        }\r\n        else if (split.length === 1) {\r\n            if (split[0].length > 1) {\r\n                initials = split[0].substring(0, 2);\r\n            }\r\n            else {\r\n                initials = split[0].substring(0);\r\n            }\r\n        }\r\n\r\n        return initials.length > 0 ? initials.toUpperCase() : \"?\";\r\n    }\r\n\r\n    const deleteMessage = async () => {\r\n        try {\r\n            await chat?.invoke(\"DeleteMessage\", JSON.stringify(message));\r\n            setVesselMessages(vesselMessages.filter(_ => _.clientId !== message.clientId));\r\n        } catch (error) {\r\n            console.log(error);\r\n            app.setAppMessage({ isError: true, text: \"Unable to delete message\" });\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteMessage();\r\n        }\r\n    }, [deleting])\r\n\r\n    if (!message || !message.message) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container id={`ChatMessage_${message.clientId}`} className=\"chat-message\" isMe={isMe} sentFromApp={message.sentFromApp} isError={message.error}>\r\n            <div className=\"chat-message-details\">\r\n                <div>\r\n                    {!isMe &&\r\n                        <span className=\"chat-message-sender\">\r\n                            {message.sentFromApp ? message.appSender?.name : message.userSender?.name}\r\n                        </span>\r\n                    }\r\n                    <span title={`${toDateString(message.created, tz, true)} (${tz})`}>\r\n                        {relativeDateString(message.created, { \"days\": 2 }, tz, true)}\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <div className=\"chat-message-body\">\r\n                {!isMe &&\r\n                    <div className=\"chat-message-sender-initials\">\r\n                        {getUserInitials(message.sentFromApp ? message.appSender?.name : message.userSender?.name)}\r\n                    </div>\r\n                }\r\n                <div\r\n                    className=\"chat-message-text\"\r\n                    id={messageContainerId}\r\n                    onClick={() => {\r\n                        setMenuOpen(true)\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                        clearTimeout(hideMenuTimeout);\r\n                        setMenuOpen(true);\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                        hideMenuTimeout = setTimeout(() => {\r\n                            setMenuOpen(false);\r\n                        }, 100);\r\n                    }}\r\n                >\r\n                    {isString\r\n                        ?\r\n                        <div\r\n                            className=\"chat-message-inner-text\"\r\n                            title={toDateString(message.created, undefined, true)}\r\n                            dangerouslySetInnerHTML={{ __html: getHtml() }}\r\n                        />\r\n                        :\r\n                        <div\r\n                            className=\"chat-message-inner-text\"\r\n                            title={toDateString(message.created, undefined, true)}\r\n                        >\r\n                            {message.message}\r\n                        </div>\r\n                    }\r\n\r\n                    <div className=\"chat-message-icon\">\r\n                        <FontAwesomeIcon icon={faMessage} />\r\n                    </div>\r\n\r\n                    {menuOpen && isMe && chat?.state === HubConnectionState.Connected &&\r\n                        <Callout\r\n                            gapSpace={0}\r\n                            target={`#${messageContainerId}`}\r\n                            onDismiss={() => setMenuOpen(false)}\r\n                            directionalHint={DirectionalHint.topRightEdge}\r\n                            isBeakVisible={false}\r\n                            styles={{\r\n                                calloutMain: {\r\n                                    borderRadius: \"4px\"\r\n                                },\r\n                                root: {\r\n                                    borderRadius: \"4px\",\r\n                                    boxShadow: \"0 0 20px #ddd\"\r\n                                }\r\n                            }}\r\n                        >\r\n                            <CalloutBody>\r\n                                <div\r\n                                    title=\"Delete message\"\r\n                                    style={{\r\n                                        color: \"red\"\r\n                                    }}\r\n                                    onClick={() => {\r\n                                        setMenuOpen(false);\r\n                                        setDeleting(true);\r\n                                    }}>\r\n                                    <FontAwesomeIcon icon={faTrashAlt} />\r\n                                </div>\r\n                            </CalloutBody>\r\n                        </Callout>\r\n                    }\r\n\r\n                </div>\r\n            </div>\r\n            <div className=\"chat-message-status-icon\">\r\n                {(message.sending || deleting) &&\r\n                    <FontAwesomeIcon icon={faHourglass} />\r\n                }\r\n                {message.error &&\r\n                    <FontAwesomeIcon title=\"Unable to send event\" style={{ color: \"red\" }} icon={faExclamationCircle} />\r\n                }\r\n            </div>\r\n\r\n            {/* <ChatMessageEditModal\r\n                isOpen={editing}\r\n                message={message}\r\n                dismiss={() => setEditing(false)}\r\n                commit={editMessage}\r\n            /> */}\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ChatMessage } from \"./ChatMessage\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst WelcomeMessage = styled.div`\r\n    >div:first-child {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin: 4px 0 10px;\r\n    }\r\n\r\n    >div:nth-child(3) {\r\n        color: white;\r\n        background-color: #4177bf;\r\n        width: fit-content;\r\n        padding: 6px 10px;\r\n        border-radius: 4px;\r\n        font-size: 14px;\r\n        font-weight: 600;\r\n        margin: 15px 0;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            background-color: #2766b8;\r\n        }\r\n    }\r\n\r\n    >div:nth-child(4) {\r\n        margin-bottom: 2px;\r\n    }\r\n\r\n    >div:nth-child(5) {\r\n        margin-bottom: 5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ChatSubscriptionMessages = () => {\r\n    const { app } = useAppContext();\r\n    const history = useNavigate();\r\n    \r\n    return (\r\n        <>\r\n            <ChatMessage\r\n                message={{\r\n                    id: 0,\r\n                    vesselId: 0,\r\n                    clientId: \"ChatId_1\",\r\n                    created: DateTime.now().plus({ minutes: -2 }).toJSDate(),\r\n                    sentFromApp: false,\r\n                    userSender: {\r\n                        name: \"The Ship Support\"\r\n                    },\r\n                    message: <WelcomeMessage>\r\n                        <div>\r\n                            Hi {app.me.name}\r\n                        </div>\r\n                        <div>\r\n                            Looks like chat has not been enabled for your company yet. Contact support to add a Chat subscription and start communicating with your vessels..\r\n                        </div>\r\n                        <div onClick={()=> history(\"/help/form?s=Chat subscription\")}>\r\n                            Click here to subscribe\r\n                        </div>\r\n                        <div>\r\n                            Kind regards\r\n                        </div>\r\n                        <div>\r\n                            The Ship Support Team\r\n                        </div>\r\n                    </WelcomeMessage>,\r\n                }}\r\n            />\r\n            <ChatMessage\r\n                message={{\r\n                    id: 0,\r\n                    vesselId: 0,\r\n                    clientId: \"ChatId_2\",\r\n                    created: DateTime.now().plus({ seconds: -5 }).toJSDate(),\r\n                    sentFromApp: false,\r\n                    userSender: {\r\n                        name: \"The Ship Support\"\r\n                    },\r\n                    message: \"Have a great day...\",\r\n                }}\r\n            />\r\n        </>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ChatSendMessages } from \"./ChatSendMessage\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { ChatMessage } from \"./ChatMessage\";\r\nimport { useChatMessages } from \"../../api/hooks/useChatMessages\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { ChatSubscriptionMessages } from \"./ChatSubscriptionMessages\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ isOverflowing: boolean }>`\r\n    display: grid;\r\n    grid-template-rows: 1fr auto;\r\n    overflow-y: auto;\r\n    background-color: white;\r\n    font-size: 14px;\r\n`;\r\n\r\nconst Messages = styled.div`\r\n    overflow-y: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 13px;\r\n\r\n    >div {\r\n        flex-grow: 1;\r\n        max-width: 960px;\r\n        padding: 0 40px 0;\r\n        display: grid;\r\n        grid-template-rows: 1fr auto;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const ChatMessages = () => {\r\n    const { app } = useAppContext();\r\n    const chatEnabled = app.currentCustomerRole.customer.settings?.chatEnabled ? true : false;\r\n    const { vesselMessages } = useChatProvider();\r\n    const { activeVessel, setUnreadStatus, setVesselMessages } = useChatProvider();\r\n    const { chatMessages } = useChatMessages(chatEnabled ? activeVessel?.id : undefined, 250);\r\n    const chatMessageContainerId = \"chat-messages-container\";\r\n\r\n    const scrollEnd = () => {\r\n        let container = document.getElementById(chatMessageContainerId);\r\n        if (!container) {\r\n            return;\r\n        }\r\n\r\n        const holderRect = container.getBoundingClientRect();\r\n        let elements = container.getElementsByClassName(\"chat-message\");\r\n\r\n        for (let i = 0; i < elements.length; i++) {\r\n            let el = elements[i];\r\n            const { top, bottom, height } = el.getBoundingClientRect()\r\n\r\n            let visible = top <= holderRect.top\r\n                ? holderRect.top - top <= height\r\n                : bottom - holderRect.bottom <= height\r\n\r\n            if (visible) {\r\n                let chatMessageId = el.id.replace(\"ChatMessage_\", \"\");\r\n            }\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (chatMessages && chatMessages.length > 0) {\r\n            setVesselMessages(chatMessages);\r\n        }\r\n    }, [chatMessages])\r\n\r\n    useEffect(() => {\r\n        let container = document.getElementById(chatMessageContainerId);\r\n        if (container) {\r\n            container.scrollBy({\r\n                behavior: \"auto\",\r\n                top: container.scrollHeight\r\n            });\r\n\r\n            // if (container.scrollHeight > container.clientHeight) {\r\n            //     setIsOverflowing(true);\r\n            // }\r\n            // else {\r\n            //     setIsOverflowing(false);\r\n            // }\r\n        }\r\n    }, [vesselMessages])\r\n\r\n    useEffect(() => {\r\n        setUnreadStatus(false);\r\n\r\n        // let chatMessagesContainer = document.getElementById(chatMessageContainerId);\r\n        // if (chatMessagesContainer) {\r\n        //     chatMessagesContainer.addEventListener(\"scrollend\", scrollEnd);\r\n        // }\r\n        // return (() => {\r\n        //     chatMessagesContainer?.removeEventListener(\"scrollend\", scrollEnd);\r\n        // })\r\n    }, [])\r\n\r\n    return (\r\n        <Container isOverflowing={false}>\r\n            <Messages id=\"chat-messages-container\">\r\n                <div>\r\n                    <div />\r\n                    <div>\r\n                        {chatEnabled\r\n                            ?\r\n                            <>\r\n                                {vesselMessages.slice().filter(m => m.vesselId === activeVessel?.id).map(m => {\r\n                                    return (\r\n                                        <ChatMessage\r\n                                            key={`ChatMessage_${m.clientId}`}\r\n                                            message={m}\r\n                                        />\r\n                                    );\r\n                                })}\r\n                            </>\r\n                            :\r\n                            <ChatSubscriptionMessages />\r\n                        }\r\n                    </div>\r\n                </div>\r\n            </Messages>\r\n            <ChatSendMessages />\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IChatMessage } from \"../../interfaces/IChatMessage\";\r\n\r\nexport const useChatMessages = (vesselId?: number, take?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(vesselId ? `/chat/${vesselId}?take=${take ? take : 1}` : null, {\r\n        // dedupingInterval: 60 * 1000 * 30,   // 30 minutes\r\n        // shouldRetryOnError: false,\r\n        // revalidateOnFocus: false\r\n        dedupingInterval: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let chatMessages: IChatMessage[] = data ? data : [];\r\n\r\n    return { chatMessages, error, isValidating, mutate };\r\n};","import React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCommentDots } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ active?: boolean }>`\r\n    padding: 17px 30px 16px 26px;\r\n    font-size: 14px;\r\n    border-left: 4px solid transparent;\r\n    border-bottom: 1px solid #ddd;\r\n    font-weight: 500;\r\n    display: grid;\r\n    grid-template-columns: auto;\r\n\r\n    >div:first-child {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n\r\n        >div {\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-top: 2px;\r\n            font-size: 10px;\r\n            letter-spacing: .5px;\r\n            text-transform: uppercase;\r\n            color: #aaa;\r\n        }\r\n    }\r\n\r\n    >div:last-child {\r\n        display: ${_ => _.active ? \"flex\" : \"none\"};\r\n        justify-content: flex-end;\r\n        padding-top: 2px;\r\n        color: #444;\r\n        font-size: 16px;\r\n    }\r\n\r\n    ${_ => _.active\r\n        ? css`\r\n            border-left-color: #4177bf;\r\n            background-color: #4177bf;\r\n            color: white;\r\n            grid-template-columns: 1fr auto;\r\n            gap: 10px;\r\n\r\n            >div:first-child {\r\n                >div:last-child {\r\n                    color: #ddd;\r\n                }\r\n            }\r\n\r\n            >div:last-child {\r\n                color: white;\r\n            }\r\n        `\r\n        : css`\r\n            :hover {\r\n                grid-template-columns: 1fr auto;\r\n                gap: 10px;\r\n                cursor: pointer;\r\n                border-left-color: #4177bf;\r\n                background-color: white;\r\n\r\n                >div:last-child {\r\n                    display: flex;\r\n                    color: #ccc;\r\n                }\r\n            }        \r\n        `\r\n    } \r\n`;\r\n//#endregion\r\n\r\nexport const ChatRecipient: React.FC<{ vessel: IVessel }> = ({ vessel }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { activeVessel, setActiveVessel } = useChatProvider();\r\n    const history = useNavigate();\r\n\r\n    return (\r\n        <Container id={`recipient_${vessel.id}`} active={activeVessel && activeVessel.id === vessel.id} onClick={() => history(`/chat/${vessel.id}`)}>\r\n            <div>\r\n                <div>{toCapitalLetters(vessel.name)}</div>\r\n                <div>Vessel</div>\r\n            </div>\r\n            <div>\r\n                <FontAwesomeIcon icon={faCommentDots} />\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { ChatRecipient } from \"./ChatRecipient\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { AppToLink } from \"../../blocks/appLink/AppLink\";\r\nimport { useUrlParams } from \"../../globalHooks/useUrlParams\";\r\nimport { TextField } from \"@fluentui/react\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: #fafafa;\r\n    border-left: 1px solid #ddd;\r\n    overflow-y: auto;\r\n    display: grid;\r\n    grid-template-rows: auto 1fr;\r\n\r\n    .search {\r\n        border-bottom: 2px solid #689ee4;\r\n    }\r\n\r\n    .recipients {\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst NoVessels = styled.div`\r\n    padding: 17px 30px 16px 26px;\r\n    font-size: 14px;\r\n`;\r\n//#endregion\r\n\r\nexport const ChatRecipients: React.FC<{ vessels?: IVessel[] }> = ({ vessels }) => {\r\n    const { activeVessel } = useChatProvider();\r\n    const { getUrlParam } = useUrlParams();\r\n    const [filter, setFilter] = useState(\"\");\r\n    const scroll = getUrlParam(\"scroll\");\r\n\r\n    useEffect(() => {\r\n        if (scroll && vessels && activeVessel) {\r\n            let recipientContainer = document.getElementById(`recipient_${activeVessel.id}`);\r\n            if (recipientContainer) {\r\n                recipientContainer.scrollIntoView({\r\n                    behavior: \"auto\"\r\n                });\r\n            }\r\n        }\r\n    }, [activeVessel])\r\n\r\n    return (\r\n        <Container id=\"chat-recipients\">\r\n            {vessels && vessels.length > 0\r\n                ?\r\n                <>\r\n                    <div className=\"search\">\r\n                        <TextField\r\n                            borderless\r\n                            placeholder=\"Filter vessels\"\r\n                            styles={{\r\n                                field: {\r\n                                    padding: \"0 30px\",\r\n                                    \"::placeholder\": {\r\n                                        color: \"#bbb\"\r\n                                    }\r\n                                },\r\n                                fieldGroup: {\r\n                                    height: \"46px\",\r\n                                    backgroundColor: \"#ebf4ff\"\r\n                                }\r\n                            }}\r\n                            onChange={(ev, v) => {\r\n                                setFilter(v ? v : \"\");\r\n                            }}\r\n                        />\r\n                    </div>\r\n                    <div className=\"recipients\">\r\n                        {vessels.filter(_ => {\r\n\r\n                            if (filter.trim().length > 0) {\r\n                                if (_.name && _.name?.toLowerCase().indexOf(filter.trim().toLowerCase()) >= 0) {\r\n                                    return _;\r\n                                }\r\n                            }\r\n                            else {\r\n                                return _;\r\n                            }\r\n\r\n                        }).map(v => {\r\n                            return (\r\n                                <ChatRecipient\r\n                                    vessel={v}\r\n                                    key={`recipient_${v.id}`}\r\n                                />\r\n                            );\r\n                        })}\r\n                    </div>\r\n                </>\r\n                :\r\n                <NoVessels>\r\n                    Chat must be enabled for vessels to appear in this list. Go to <AppToLink to=\"/vessels\">vessels</AppToLink>, select a vessel and update settings.\r\n                </NoVessels>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport { ContentPageHeader } from \"../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../blocks/contentPage/ContentPageNavigation\";\r\nimport styled from \"styled-components\";\r\nimport { ChatMessages } from \"./ChatMessages\";\r\nimport { ChatRecipients } from \"./ChatRecipients\";\r\nimport { useVessels } from \"../../api/hooks/useVessels\";\r\nimport { useChatProvider } from \"../../contextHooks/ChatContext\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 300px;\r\n`;\r\n//#endregion\r\n\r\nexport const Chat: React.FC = () => {\r\n    const { vessels } = useVessels(false, true);\r\n    const { activeVessel, setActiveVessel } = useChatProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { vesselId } = useParams<{ vesselId: any }>();\r\n    const storageKey = \"TheShipLastVesselChatId\";\r\n    const history = useNavigate();\r\n\r\n    useEffect(() => {\r\n        if (vessels && vesselId) {\r\n            let _vessel = vessels.find(_ => _.id === Number(vesselId));\r\n            if (_vessel) {\r\n                setActiveVessel(_vessel);\r\n            }\r\n        }\r\n    }, [vessels?.length, vesselId])\r\n\r\n    useEffect(() => {\r\n        if (activeVessel) {\r\n            localStorage.setItem(storageKey, activeVessel.id.toString());\r\n        }\r\n    }, [activeVessel])\r\n\r\n    useEffect(() => {\r\n        let _vesselId = vesselId ? vesselId : localStorage.getItem(storageKey);\r\n        if (_vesselId) {\r\n            history(`/chat/${_vesselId}?scroll=true`, { replace: true });\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <ContentPage>\r\n            <ContentPageHeader>\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"chat\",\r\n                            title: \"chat\",\r\n                            url: \"/chat\"\r\n                        },\r\n                        activeVessel\r\n                            ?\r\n                            {\r\n                                id: `vessel_chat_${activeVessel.id}`,\r\n                                title: `with ${activeVessel.name ? toCapitalLetters(activeVessel.name) : \"?\"}`,\r\n                                url: \"/chat\"\r\n                            }\r\n                            :\r\n                            {\r\n                                id: \"no_active_vessel\",\r\n                                title: \"select a vessel\",\r\n                                url: \"/chat\"\r\n                            }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n            <ContentPageBody>\r\n                <Container>\r\n                    <ChatMessages />\r\n                    <ChatRecipients vessels={vessels} />\r\n                </Container>\r\n            </ContentPageBody>\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IVesselLiveModel } from \"../../interfaces/IVesselLiveModel\"\r\nimport { IAis } from \"../../interfaces/IAis\";\r\nimport { ISeaRoute } from \"../../interfaces/ISeaRoute\";\r\nimport { IPortCall } from \"../../interfaces/IPortCall\";\r\nimport { ICargoOnBoard } from \"../../interfaces/ICargoOnBoard\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\nexport const useVesselsLive = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/live`, {\r\n        dedupingInterval: 1000 * 60 * 1.9,\r\n        refreshInterval: 1000 * 60 * 2,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let vesselLiveModels: IVesselLiveModel[] | undefined = data;\r\n\r\n    return { vesselLiveModels, error, isValidating, mutate };\r\n};\r\n\r\nexport const useSeaRoutes = (useNavPremium?: boolean, vesselId?: number, fromPortId?: number, toPortId?: number) => {\r\n    const { data, error, isValidating } = useSWR(useNavPremium && vesselId && fromPortId && toPortId ? `/searoutes?vesselId=${vesselId}&fromPortId=${fromPortId}&toPortId=${toPortId}` : null, {\r\n        dedupingInterval: 1000 * 60 * 60,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let seaRoute: ISeaRoute | undefined = data;\r\n\r\n    return { seaRoute, error, isValidating };\r\n};\r\n\r\nexport const useCargoOnBoard = (useNavPremium?: boolean, leg?: boolean, vesselId?: number) => {\r\n    const { data, error, isValidating } = useSWR(useNavPremium && leg && vesselId ? `/live/VesselCargo?vesselId=` + vesselId : null, {\r\n        dedupingInterval: 1000 * 60 * 2,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let cargOnBoard: ICargoOnBoard[] | undefined = data;\r\n\r\n    return { cargOnBoard, error, isValidating };\r\n};\r\n\r\nexport const useVesselImage = (vesselId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(vesselId ? `/vessels/${vesselId}/image` : null, {\r\n        dedupingInterval: 1000 * 60 * 60 * 12,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    return { vesselImage: data, error, isValidating, mutate };\r\n};\r\n\r\nexport const useNextPortCall = (portCallId?: number, vesselId?: number) => {\r\n    const { data, error, isValidating } = useSWR(portCallId && vesselId ? `/live/NextPortCall?vesselId=${vesselId}&portCallId=${portCallId}` : null, {\r\n        dedupingInterval: 1000 * 60 * 2,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let nextPortCall: IPortCall | undefined = data\r\n        ? data\r\n        : undefined;\r\n\r\n    return { nextPortCall, error, isValidating };\r\n};\r\n\r\nexport const useLatestAis = (useNavPremium?: boolean, vesselId?: number) => {\r\n    const { data, error, isValidating } = useSWR(useNavPremium && vesselId ? `/vessels/${vesselId}/ais/latest` : null, {\r\n        dedupingInterval: 1000 * 60 * 1.9,\r\n        refreshInterval: 1000 * 60 * 5,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let latestAis: IAis | undefined = data;\r\n\r\n    return { latestAis, error, isValidating };\r\n};\r\n\r\nexport const useAis = (useNavPremium?: boolean, from?: Date, vesselId?: number, take = 100) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const { data, error, isValidating } = useSWR(useNavPremium && from && vesselId ? `/vessels/${vesselId}/ais?from=${makeDateObject(from, \"utc\").toFormat(\"yyyy-MM-dd HH:mm:ss\")}&take=${take}` : null, {\r\n        dedupingInterval: 1000 * 60 * 2,\r\n        refreshInterval: 1000 * 60 * 5,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let ais: IAis[] | undefined = data;\r\n\r\n    return { ais, error, isValidating };\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IVesselLiveModel } from '../interfaces/IVesselLiveModel';\r\nimport { IAis } from '../interfaces/IAis';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setSelectedVessel\", vessel?: IVesselLiveModel }\r\n    | { type: \"setLatestAis\", ais?: IAis };\r\n\r\ntype LiveData = {\r\n    selectedVessel?: IVesselLiveModel\r\n    latestAis?: IAis\r\n}\r\n\r\ninterface IReducers {\r\n    state: LiveData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    selectedVessel: undefined,\r\n    latestAis: undefined\r\n};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useLiveContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: LiveData, action: ReducerAction): LiveData => {\r\n    switch (action.type) {\r\n        case \"setSelectedVessel\":\r\n            return {\r\n                ...state,\r\n                selectedVessel: action.vessel\r\n            };\r\n        case \"setLatestAis\":\r\n            return {\r\n                ...state,\r\n                latestAis: action.ais\r\n            };\r\n    }\r\n}\r\n\r\nexport const LiveContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useLiveProvider = () => {\r\n    const { state, dispatch } = useLiveContext();\r\n\r\n    return {\r\n        selectedVessel: state.selectedVessel,\r\n        latestAis: state.latestAis,\r\n\r\n        setSelectedVessel: (vessel?: IVesselLiveModel) => {\r\n            dispatch({\r\n                type: \"setSelectedVessel\",\r\n                vessel\r\n            })\r\n        },\r\n\r\n        setLatestAis: (ais?: IAis) => {\r\n            dispatch({\r\n                type: \"setLatestAis\",\r\n                ais\r\n            })\r\n        }\r\n    };\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEdit, faTrashAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { useFileFunctions } from \"../../hooks/useFileFunctions\";\r\nimport { useVesselImage } from \"../../api/hooks/useVesselsLive\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ bgImage?: string }>`\r\n    position: relative;\r\n    margin: 0px 0px;\r\n    height: 197px;\r\n    background-image: url(${_ => _.bgImage});\r\n    background-size: cover;\r\n    background-position: center;\r\n\r\n    .no-image {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 100%;\r\n        background-image: url(\"/img/UploadVessel.jpg\");\r\n        filter: grayscale(100%);\r\n        opacity: .25;\r\n        background-size: cover;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .no-image-upload {\r\n        position: absolute;\r\n        background-color: white;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        letter-spacing: .25px;\r\n        padding: 6px 12px;\r\n        border-radius: 4px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .working {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .buttons {\r\n        position: absolute;\r\n        bottom: 10px;\r\n        left: 27px;\r\n        display: flex;\r\n\r\n        div {\r\n            color: white;\r\n            background-color: rgb(255, 255, 255, .25);\r\n            border: 1px solid #666;\r\n            height: 30px;\r\n            width: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 50%;\r\n            margin: 0 3px;\r\n            transition: background-color .2s ease-in-out, color .2s;\r\n            cursor: pointer;\r\n\r\n            :hover {\r\n                background-color: white;\r\n                color: #444;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const VesselImage: React.FC = () => {\r\n    const { app } = useAppContext();\r\n    const { selectedVessel } = useLiveProvider();\r\n    const { getExtension } = useFileFunctions();\r\n    const { vesselImage, isValidating, mutate } = useVesselImage(selectedVessel?.vessel.id);\r\n\r\n    const [uploading, setUploading] = useState(false);\r\n    const [deleting, setDeleting] = useState(false);\r\n    const [file, setFile] = useState<File | undefined>();\r\n    const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\r\n    const [base64Image, setBase64Image] = useState<string | undefined>();\r\n\r\n    const fileUploadRef = useRef(null);\r\n    const working = uploading || deleting || (!base64Image && isValidating);\r\n\r\n    const uploadVesselImage = () => {\r\n        const reader = new FileReader();\r\n\r\n        if (!file) {\r\n            setUploading(false);\r\n            return;\r\n        }\r\n\r\n        reader.readAsDataURL(file!);\r\n        reader.onload = async () => {\r\n            const data = new FormData();\r\n\r\n            data.append(file!.name, file!);\r\n\r\n            try {\r\n                await app.api.uploadVesselImage(data, selectedVessel!.vessel.id);\r\n                mutate();\r\n            }\r\n            catch (error) {\r\n                app.setAppMessage({\r\n                    isError: true,\r\n                    text: \"An error occured\"\r\n                });\r\n            }\r\n\r\n            setUploading(false);\r\n\r\n            if (fileUploadRef.current) {\r\n                let input: HTMLInputElement = fileUploadRef.current as any;\r\n                input.value = \"\";\r\n            }\r\n        };\r\n    }\r\n\r\n    const deleteImage = async () => {\r\n        try {\r\n            await app.api.deleteVesselImage(selectedVessel!.vessel.id);\r\n            mutate(\"\");\r\n            setBase64Image(undefined);\r\n        }\r\n        catch (error) {\r\n            app.setAppMessage({ isError: true, text: \"An error occured deleting the vessel image\" });\r\n        }\r\n\r\n        setDeleting(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (file && !uploading) {\r\n            setUploading(true);\r\n        }\r\n    }, [file])\r\n\r\n    useEffect(() => {\r\n        if (uploading) {\r\n            uploadVesselImage();\r\n        }\r\n    }, [uploading])\r\n\r\n    useEffect(() => {\r\n        if (deleting) {\r\n            deleteImage();\r\n        }\r\n    }, [deleting])\r\n\r\n    useEffect(() => {\r\n        if (vesselImage) {\r\n            setBase64Image(`data:image/${getExtension(selectedVessel!.image)};base64,` + vesselImage);\r\n        }\r\n    }, [vesselImage])\r\n\r\n    return (\r\n        <>\r\n            <Container bgImage={base64Image}>\r\n\r\n                {!base64Image &&\r\n                    <>\r\n                        <label className=\"no-image\" htmlFor={`fileUploadVesselImage_${selectedVessel?.vessel.id}`} />\r\n                        {!working &&\r\n                            <label className=\"no-image-upload\" htmlFor={`fileUploadVesselImage_${selectedVessel?.vessel.id}`}>\r\n                                Click to upload image\r\n                            </label>\r\n                        }\r\n                    </>\r\n                }\r\n\r\n                {working &&\r\n                    <div className=\"working\">\r\n                        <AnimatedBars\r\n                            height=\"16px\"\r\n                            barWidth=\"4px\"\r\n                            barColor=\"#ddd\"\r\n                            altBarColor=\"#444\"\r\n                        />\r\n                    </div>\r\n                }\r\n\r\n                {base64Image && !working &&\r\n                    <div className=\"buttons\">\r\n                        <label title=\"Upload new image\" htmlFor={`fileUploadVesselImage_${selectedVessel?.vessel.id}`}>\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faEdit} />\r\n                            </div>\r\n                        </label>\r\n                        <div title=\"Delete image\" onClick={() => setDeleteDialogOpen(true)}>\r\n                            <FontAwesomeIcon icon={faTrashAlt} />\r\n                        </div>\r\n                    </div>\r\n                }\r\n\r\n                <input\r\n                    id={`fileUploadVesselImage_${selectedVessel?.vessel.id}`}\r\n                    type=\"file\"\r\n                    accept={\"image/*\"}\r\n                    ref={fileUploadRef}\r\n                    style={{ display: \"none\" }}\r\n                    onChange={_ => {\r\n                        if (_.target.files && _.target.files.length === 1) {\r\n                            var file = _.target.files[0];\r\n                            setFile(file);\r\n                        }\r\n                    }}\r\n                />\r\n\r\n            </Container>\r\n\r\n            <AppDialog\r\n                title=\"Delete image?\"\r\n                subText={`Are you sure you want to delete the vessel image?`}\r\n                open={deleteDialogOpen}\r\n                cancel={() => setDeleteDialogOpen(false)}\r\n                commit={() => {\r\n                    setDeleteDialogOpen(false);\r\n                    setDeleting(true);\r\n                }}\r\n            />\r\n\r\n        </>\r\n    );\r\n};","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { IPortCall } from \"../../interfaces/IPortCall\";\r\nimport { useWeatherForecast } from \"../../api/hooks/useWeatherForecast\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useNextPortCall } from \"../../api/hooks/useVesselsLive\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../blocks/dateString/DateString\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faEarthEurope } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0 30px 10px 24px;\r\n    border-bottom: 1px dashed #ccc;\r\n\r\n    .portcall {\r\n        .portcall-header {\r\n            display: grid;\r\n            grid-template-columns: 24px 1fr auto;\r\n\r\n            >div {\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n            .dot {\r\n                >div {\r\n                    width: 14px;\r\n                    height: 14px;\r\n                    background-color: #4177bf;\r\n                    border-radius: 50%;\r\n                }\r\n            }\r\n\r\n            .title {\r\n                font-size: 18px;\r\n                font-weight: 500;\r\n                overflow-x: hidden;\r\n                white-space: nowrap;\r\n                text-overflow: ellipsis;\r\n\r\n                >span {\r\n                    overflow-x: hidden;\r\n                    white-space: nowrap;\r\n                    text-overflow: ellipsis;\r\n                }\r\n\r\n                >span:last-child {\r\n                    padding-left: 6px;\r\n                    color: #bbb;\r\n                    font-size: 14px;\r\n                }\r\n\r\n                :hover {\r\n                    color: #4177bf;\r\n                    cursor: pointer;\r\n                }\r\n            }\r\n\r\n            .weather {\r\n                span:first-child {\r\n                    padding-right: 4px;\r\n                    cursor: pointer;\r\n                }\r\n            }\r\n        }\r\n\r\n        .portcall-times {\r\n            display: grid;\r\n            grid-template-columns: 24px 1fr;\r\n            padding: 14px 0 24px;\r\n\r\n            .line {\r\n                position: relative;\r\n\r\n                >div {\r\n                    position: absolute;\r\n                    top: -18px;\r\n                    left: 5px;\r\n                    width: 4px;\r\n                    height: calc(100% + 56px);\r\n                    background-color: #4177bf;\r\n                }\r\n            }\r\n        }\r\n\r\n        :last-child {\r\n            .line {\r\n                >div {\r\n                    background: linear-gradient(180deg, #4177bf 50%, transparent 100%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst Timestamp = styled.div<{ gray?: boolean }>`\r\n    display: grid;\r\n    grid-template-columns: auto 1fr auto;\r\n    gap: 10px;\r\n    background-color: ${_ => _.gray ? \"#f1f1f1\" : \"#dff0ff\"} ;\r\n    border-radius: 4px;\r\n    margin-bottom: 15px;\r\n    font-size: 12px;\r\n    letter-spacing: .25px;\r\n    border-bottom: 1px solid #ddd;\r\n    color: ${_ => _.gray ? \"#666\" : undefined};\r\n    font-weight: ${_ => _.gray ? 400 : 500};\r\n\r\n    >div {\r\n        padding: 10px 0;\r\n    }\r\n\r\n    >div:first-child {\r\n        border-radius: 4px 0 0 4px;\r\n        padding: 11px 10px 0;\r\n        font-weight: 700;\r\n        font-size: 11px;\r\n        letter-spacing: .5px;\r\n        background-color: ${_ => _.gray ? \"#ddd\" : \"#91cdff\"};\r\n    }           \r\n\r\n    >div:last-child {\r\n        padding-right: 10px;\r\n    }\r\n\r\n    :last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n\r\nconst NoData = styled.div`\r\n    padding: 0 30px 24px;\r\n    border-bottom: 1px dashed #ccc;\r\n\r\n    >div:first-child {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 10px;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        padding-bottom: 15px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveTimeLine = () => {\r\n    const { selectedVessel: v } = useLiveProvider();\r\n    const { nextPortCall } = useNextPortCall(v?.portCall?.id, v?.portCall?.voyage?.vessel.id);\r\n    const [firstPortcall, setFirstPortcall] = useState<IPortCall | undefined>();\r\n    const [secondPortcall, setSecondPortcall] = useState<IPortCall | undefined>();\r\n\r\n    useEffect(() => {\r\n        if (v) {\r\n            // In port\r\n            if (v.portCall) {\r\n                setFirstPortcall(v.portCall);\r\n                setSecondPortcall(nextPortCall);\r\n            }\r\n            // At sea\r\n            else {\r\n                setFirstPortcall(v.leg?.fromPortCall);\r\n                setSecondPortcall(v.leg?.toPortCall);\r\n            }\r\n        }\r\n    }, [v, nextPortCall])\r\n\r\n    if (!firstPortcall && !secondPortcall) {\r\n        return (\r\n            <NoData>\r\n                <div>\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faEarthEurope} />\r\n                    </div>\r\n                    <div>\r\n                        Portcall data\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    No portcall data available.\r\n                </div>\r\n            </NoData>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            {firstPortcall &&\r\n                <PortCall pc={firstPortcall} />\r\n            }\r\n            {secondPortcall &&\r\n                <PortCall previousPc={firstPortcall} pc={secondPortcall} />\r\n            }\r\n        </Container>\r\n\r\n    );\r\n};\r\n\r\ninterface IDateAndTitle {\r\n    date: Date,\r\n    title?: string\r\n}\r\n\r\nconst PortCall: FC<{ previousPc?: IPortCall, pc: IPortCall }> = ({ previousPc, pc }) => {\r\n    const { forecast } = useWeatherForecast(DateTime.utc().startOf(\"hour\").toJSDate(), pc.port?.id);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getDuration, makeDateObject: md } = useDateFunctions();\r\n    const [arrival, setArrival] = useState<IDateAndTitle | undefined>();\r\n    const [departure, setDeparture] = useState<IDateAndTitle | undefined>();\r\n    const navigate = useNavigate();\r\n    const hasArrived = pc.arrived ? true : false;\r\n    const hasDeparted = pc.departed ? true : false;\r\n\r\n    const getTimes = (_pc: IPortCall): { arrival: IDateAndTitle, departure: IDateAndTitle } => {\r\n        let _arrival: IDateAndTitle = {\r\n            date: _pc.scheduledArrival,\r\n            title: \"Scheduled arrival\"\r\n        };\r\n\r\n        let _departure: IDateAndTitle = {\r\n            date: _pc.scheduledDeparture,\r\n            title: \"Scheduled departure\"\r\n        };\r\n\r\n        let _pcDuration = getDuration(_pc.scheduledArrival, _pc.scheduledDeparture);\r\n\r\n        if (_pc.arrived) {\r\n            _arrival = {\r\n                date: _pc.arrived,\r\n                title: \"Actual arrival time\"\r\n            };\r\n            _departure = {\r\n                date: md(_arrival.date).plus(_pcDuration).toJSDate(),\r\n                title: \"New Calculated ETD\"\r\n            };\r\n        }\r\n\r\n        if (_pc.departed) {\r\n            _departure = {\r\n                date: _pc.departed,\r\n                title: \"Actual departure time\"\r\n            };\r\n        }\r\n\r\n        return {\r\n            arrival: _arrival,\r\n            departure: _departure\r\n        }\r\n    }\r\n\r\n    const setTimes = () => {\r\n        let currentPcTimes = getTimes(pc);\r\n\r\n        // Adjust times based on previous port call\r\n        if (previousPc) {\r\n            let previousPcTimes = getTimes(previousPc);\r\n\r\n            if (!pc.arrived) {\r\n                let legDuration = getDuration(previousPc.scheduledDeparture, pc.scheduledArrival);\r\n                let pcDuration = getDuration(pc.scheduledArrival, pc.scheduledDeparture);\r\n\r\n                currentPcTimes.arrival = {\r\n                    date: md(previousPcTimes.departure.date).plus(legDuration).toJSDate(),\r\n                    title: \"New calculated ETA\"\r\n                };\r\n\r\n                currentPcTimes.departure = {\r\n                    date: md(currentPcTimes.arrival.date).plus(pcDuration).toJSDate(),\r\n                    title: \"New calculated ETD\"\r\n                };\r\n            }\r\n        }\r\n\r\n        setArrival(currentPcTimes.arrival);\r\n        setDeparture(currentPcTimes.departure);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setTimes();\r\n    }, [pc, previousPc])\r\n\r\n    return (\r\n        <div className=\"portcall\">\r\n\r\n            <div className=\"portcall-header\">\r\n                <div className=\"dot\">\r\n                    <div />\r\n                </div>\r\n                <div className=\"title\" title={`See details for portcall ${toCapitalLetters(pc.port?.name)}`} onClick={() => navigate(`/portcalls/${pc.id}`)}>\r\n                    <span>\r\n                        {toCapitalLetters(pc.port?.name)} |\r\n                    </span>\r\n                    <span>\r\n                        {pc.port?.unLoCode}\r\n                    </span>\r\n                </div>\r\n                <div className=\"weather\">\r\n                    {forecast && forecast.length > 0 &&\r\n                        <>\r\n                            <span title=\"Current weather. Click for full forecast.\" onClick={() => navigate(`/portCalls/${pc.id}?weather=true`)}>\r\n                                {forecast[0].airTemperature.toFixed(0)} &deg;C\r\n                            </span>\r\n                            <img src={`/img/weather/${forecast[0].symbol}.svg`} height={22} />\r\n                        </>\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"portcall-times\">\r\n                <div className=\"line\">\r\n                    <div />\r\n                </div>\r\n\r\n                <div className=\"timestamps\">\r\n\r\n                    <Timestamp gray={!hasArrived} title={arrival?.title}>\r\n                        <div>\r\n                            {hasArrived ? \"ATA\" : \"ETA\"}\r\n                        </div>\r\n                        <div>\r\n                            Arrival\r\n                        </div>\r\n                        <div>\r\n                            {!hasArrived && \"~ \"}<DateString date={arrival?.date} timeZone={pc.port?.timeZone} title={pc.port?.timeZone} short />\r\n                        </div>\r\n                    </Timestamp>\r\n\r\n                    <Timestamp gray={!hasDeparted} title={departure?.title}>\r\n                        <div>\r\n                            {hasDeparted ? \"ATD\" : \"ETD\"}\r\n                        </div>\r\n                        <div>\r\n                            Departure\r\n                        </div>\r\n                        <div>\r\n                            {!hasDeparted && \"~ \"}<DateString date={departure?.date} timeZone={pc.port?.timeZone} title={pc.port?.timeZone} short />\r\n                        </div>\r\n                    </Timestamp>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}","import React, { FC, useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Modal, PrimaryButton } from \"@fluentui/react\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    max-width: 800px;\r\n\r\n    .header {\r\n        font-size: 20px;\r\n        background-color: #1b2431;\r\n        color: white;\r\n        border-radius: 2px;\r\n        padding: 20px 30px;\r\n    }\r\n\r\n    .body {\r\n        display: grid;\r\n        grid-template-columns: 1fr 430px;\r\n\r\n        .text {\r\n            padding: 10px 30px;\r\n\r\n            ul {\r\n                border-top: 1px dashed #aaa;\r\n                margin-top: 20px;\r\n                padding-top: 20px;\r\n                padding-left: 18px;\r\n                \r\n                li {\r\n                    margin-bottom: 12px;\r\n\r\n                    >span:first-child {\r\n                        font-weight: 700;\r\n                        padding-right: 4px;\r\n                    }\r\n                }\r\n            }\r\n\r\n            .buttons {\r\n                height: 80px;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                position: relative;\r\n\r\n                .price {\r\n                    position: absolute;\r\n                    bottom: 0;\r\n                    font-size: 12px;\r\n                    color: #aaa;\r\n                    text-align: center;\r\n\r\n                    >span {\r\n                        color: #4177bf;\r\n                        font-weight: 500;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .image {\r\n            background-image: url(\"/img/NavPremium.png\");\r\n            height: 650px;\r\n            background-repeat: no-repeat;\r\n            background-position: right -60px top -10px;\r\n        }\r\n\r\n        .close {\r\n            margin-top: 8px;\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n            text-align: center;\r\n        }\r\n    }\r\n\r\n    .body-done {\r\n        padding: 20px 30px;\r\n\r\n        .close {\r\n            margin: 15px 0 20px;\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const NavPremiumModal: FC<{ isOpen: boolean, onDismiss: () => void }> = ({ isOpen, onDismiss }) => {\r\n    const { app } = useAppContext();\r\n    const [working, setWorking] = useState(false);\r\n    const [done, setDone] = useState(false);\r\n\r\n    const upgrade = async () => {\r\n        try {\r\n            let r = await app.api.startESign(\r\n                \"NavPremium.docx\",\r\n                \"Nav Premium\",\r\n                \"Thank you for signing up for the Nav Premium feature. The service will be available within 1-2 business days.\",\r\n                \"Please sign the Nav Premium agreement to start using the service.\"\r\n            );\r\n\r\n            setWorking(false);\r\n            setDone(true);\r\n        }\r\n        catch (error) {\r\n            setWorking(false);\r\n            console.log(error);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (working) {\r\n            upgrade();\r\n        }\r\n    }, [working])\r\n\r\n    return (\r\n        <Modal\r\n            isOpen={isOpen}\r\n            onDismiss={onDismiss}\r\n            onDismissed={()=> setDone(false)}\r\n            isBlocking={working}\r\n            styles={{\r\n                main: {\r\n                    boxShadow: \"0 0 2px #ccc\"\r\n                }\r\n            }}\r\n        >\r\n            <Container>\r\n                <div className=\"header\">\r\n                    Upgrade to Nav premium\r\n                </div>\r\n                {done\r\n                    ?\r\n                    <div className=\"body-done\">\r\n                        <div>\r\n                            Thank you for upgrading to Nav Premium. We have sent you an agreement for you to sign electronically to confirm your ugrade. Once signed, the Nav Premium will be activated within 1-2 business days. Please check your email.\r\n                        </div>\r\n                        <div className=\"close\">\r\n                            <span onClick={onDismiss}>Close</span>\r\n                        </div>\r\n                    </div>\r\n                    :\r\n                    <div className=\"body\">\r\n                        <div className=\"text\">\r\n                            <p>Revolutionize how you manage and monitor maritime activities.</p>\r\n                            <p>Our platform provides real-time vessel tracking, allowing you to see the precise locations and movements of ships anywhere in the world.</p>\r\n                            <p>With routes plotted on interactive maps, you gain unparalleled visibility and control over your fleet.</p>\r\n                            <ul>\r\n                                <li>\r\n                                    <span>\r\n                                        Real-Time Tracking:\r\n                                    </span>\r\n                                    <span>\r\n                                        Stay informed with live vessel positions, ensuring you always know where your assets are.\r\n                                    </span>\r\n                                </li>\r\n                                <li>\r\n                                    <span>\r\n                                        Interactive Maps:\r\n                                    </span>\r\n                                    <span>\r\n                                        Visualize ship routes with our intuitive mapping interface, making it easy monitor and plan.\r\n                                    </span>\r\n                                </li>\r\n                                <li>\r\n                                    <span>\r\n                                        Comprehensive Data:\r\n                                    </span>\r\n                                    <span>\r\n                                        Access detailed information on each vessel, including speed, direction, etas, cargos on board etc.\r\n                                    </span>\r\n                                </li>\r\n                                <li>\r\n                                    <span>\r\n                                        User-Friendly Interface:\r\n                                    </span>\r\n                                    <span>\r\n                                        Our platform is designed with simplicity in mind, ensuring you can quickly and easily access the information you need.\r\n                                    </span>\r\n                                </li>\r\n                            </ul>\r\n                            <div className=\"buttons\">\r\n                                {working ?\r\n                                    <div>\r\n                                        <AnimatedBars\r\n                                            height=\"18px\"\r\n                                            barWidth=\"4px\"\r\n                                        />\r\n                                    </div>\r\n                                    :\r\n                                    <PrimaryButton\r\n                                        text=\"Upgrade now\"\r\n                                        onClick={() => setWorking(true)}\r\n                                    />\r\n                                }\r\n                                <div className=\"price\">\r\n                                    From only <span>$15</span> per vessel per month\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"close\">\r\n                                <span onClick={onDismiss}>Close</span>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"image\" />\r\n                    </div>\r\n                }\r\n            </Container>\r\n        </Modal>\r\n    );\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faLock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NavPremiumModal } from \"./NavPremiumModal\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ blur?: boolean }>`\r\n    position: absolute;\r\n    background-color: rgb(229, 240, 254, .9);\r\n    border-radius: 6px;\r\n    box-shadow: 0 0 20px #aaa;\r\n    padding: 15px 23px 17px;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 187px;\r\n    cursor: pointer;\r\n\r\n    .np-header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 6px;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        margin-bottom: 6px;\r\n\r\n        >div:first-child {\r\n            font-size: 12px;\r\n            padding-top: 2px;\r\n            color: #555;\r\n        }\r\n    }\r\n\r\n    .np-body {\r\n        font-size: 12px;\r\n\r\n        >span {\r\n            color: #4177bf;\r\n            font-weight: 700;\r\n            line-height: 17px;\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        >div:first-child {\r\n            color: #4177bf;\r\n\r\n            >div:first-child {\r\n                color: #4177bf;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst ContainerSmall = styled.div`\r\n    position: absolute;\r\n    background-color: rgb(229, 240, 254, .9);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 20px #aaa;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    height: 50px;\r\n    width: 50px;\r\n    color: #555;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        color: #4177bf;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const NavPremiumBanner: FC<{ small?: boolean }> = ({ small }) => {\r\n    const [isModalOpen, { setTrue: showModal, setFalse: hideModal }] = useBoolean(false);\r\n\r\n    return (\r\n        <>\r\n            {small\r\n                ?\r\n                <ContainerSmall title=\"Click for info on how to upgrade to Nav Premium\" onClick={showModal}>\r\n                    <FontAwesomeIcon icon={faLock} />\r\n                </ContainerSmall>\r\n                :\r\n                <Container onClick={showModal}>\r\n                    <div className=\"np-header\">\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faLock} />\r\n                        </div>\r\n                        <div>\r\n                            Nav Premium\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"np-body\">\r\n                        Upgrade now and get <span>Live AIS</span> data and <span>more</span>. Click for more info.\r\n                    </div>\r\n                </Container>\r\n            }\r\n\r\n            <NavPremiumModal\r\n                isOpen={isModalOpen}\r\n                onDismiss={hideModal}\r\n            />\r\n\r\n        </>\r\n    );\r\n};","import React, { FC, useEffect } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { useLatestAis } from \"../../api/hooks/useVesselsLive\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { Shimmer } from \"@fluentui/react\";\r\nimport { NavPremiumBanner } from \"./NavPremiumBanner\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChevronDown, faChevronUp } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ blur?: boolean }>`\r\n    position: relative;\r\n\r\n    >div:first-child {\r\n        padding: 28px 30px 18px;\r\n        margin-bottom: 22px;\r\n        border-bottom: 1px dashed #ccc;\r\n        filter: ${_ => _.blur ? \"blur(1.5px)\" : undefined};\r\n\r\n        >div {\r\n            margin-bottom: 10px;\r\n            display: grid;\r\n            grid-template-columns: 38% 31% 31%;\r\n            gap: 10px;\r\n        }\r\n\r\n        .full-width {\r\n            display: block;\r\n        }\r\n\r\n        >div:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .more {\r\n            padding: 6px 0 6px 1px;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 6px;\r\n            font-size: 12px;\r\n            color: #4177bf;\r\n            cursor: pointer;\r\n\r\n            >div {\r\n                display: flex;\r\n            }\r\n\r\n            :hover {\r\n                text-decoration: underline;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst InfoPartContainer = styled.div`\r\n    >div {\r\n        white-space: nowrap;\r\n        overflow-x: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .info-value {\r\n        font-weight: 500;\r\n        min-height: 18px;\r\n    }\r\n\r\n    .info-title {\r\n        font-size: 12px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveInfoSection: React.FC = () => {\r\n    const { relativeDateString, toDateString } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { selectedVessel, setLatestAis } = useLiveProvider();\r\n    const { latestAis, isValidating } = useLatestAis(selectedVessel?.useNavPremium, selectedVessel?.vessel.id);\r\n    const [moreOpen, { toggle: toggleMoreOpen }] = useBoolean(false);\r\n    const loading = !latestAis && isValidating;\r\n\r\n    useEffect(() => {\r\n        setLatestAis(latestAis);\r\n    }, [latestAis])\r\n\r\n    return (\r\n        <Container blur={!selectedVessel?.useNavPremium}>\r\n            <div>\r\n                <div>\r\n                    <InfoPart\r\n                        value={relativeDateString(latestAis?.lastPositionUtc, { years: 10 })}\r\n                        description=\"Updated\"\r\n                        loading={loading}\r\n                    />\r\n                    <InfoPart\r\n                        value={latestAis && latestAis.currentDraft ? `${latestAis.currentDraft.toLocaleString(undefined, { maximumFractionDigits: 2 })} m` : undefined}\r\n                        description=\"Draft\"\r\n                        loading={loading}\r\n                    />\r\n                    <InfoPart\r\n                        value={latestAis && latestAis.speed !== undefined ? `${latestAis.speed.toLocaleString(undefined, { maximumFractionDigits: 2 })} kn` : undefined}\r\n                        description=\"Speed\"\r\n                        loading={loading}\r\n                    />\r\n                </div>\r\n                <div>\r\n                    <InfoPart\r\n                        value={latestAis && latestAis.course ? `${latestAis.course}°` : undefined}\r\n                        description=\"Course\"\r\n                        loading={loading}\r\n                    />\r\n                    <InfoPart\r\n                        title={latestAis?.lat.toString()}\r\n                        value={latestAis?.lat.toLocaleString(undefined, { maximumFractionDigits: 2 })}\r\n                        description=\"Latitude\"\r\n                        loading={loading}\r\n                    />\r\n                    <InfoPart\r\n                        title={latestAis?.lng.toString()}\r\n                        value={latestAis?.lng.toLocaleString(undefined, { maximumFractionDigits: 2 })}\r\n                        description=\"Longitude\"\r\n                        loading={loading}\r\n                    />\r\n                </div>\r\n                {moreOpen &&\r\n                    <>\r\n                        <div>\r\n                            <InfoPart\r\n                                value={latestAis && latestAis.heading ? `${latestAis.heading}°` : undefined}\r\n                                description=\"Heading\"\r\n                                loading={loading}\r\n                            />\r\n                            <InfoPart\r\n                                title={`${toCapitalLetters(latestAis?.departurePort)}${latestAis?.atdUtc ? ` - ATD: ${toDateString(latestAis.atdUtc, \"UTC\", true)} UTC` : \"\"}`}\r\n                                value={latestAis?.departurePortUnloCode}\r\n                                description=\"From\"\r\n                                loading={loading}\r\n                            />\r\n                            <InfoPart\r\n                                title={`${toCapitalLetters(latestAis?.destinationPort)}${latestAis?.etaUtc ? ` - ETA: ${toDateString(latestAis.etaUtc, \"UTC\", true)} UTC` : \"\"}`}\r\n                                // value={latestAis?.destination}\r\n\r\n                                value={latestAis?.destinationPortUnloCode}\r\n\r\n                                description=\"To\"\r\n                                loading={loading}\r\n                            />\r\n                        </div>\r\n                        <div className=\"full-width\">\r\n                            <InfoPart\r\n                                title={latestAis?.navigationalStatus}\r\n                                value={latestAis?.navigationalStatus}\r\n                                description=\"Navigational status\"\r\n                                loading={loading}\r\n                            />\r\n                        </div>\r\n                    </>\r\n                }\r\n                <div className=\"more\" onClick={toggleMoreOpen}>\r\n                    <div>\r\n                        {moreOpen ? \"Collapse\" : \"More\"} AIS details\r\n                    </div>\r\n                    <div>\r\n                        <FontAwesomeIcon icon={moreOpen ? faChevronUp : faChevronDown} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {!selectedVessel?.useNavPremium &&\r\n                <NavPremiumBanner />\r\n            }\r\n        </Container>\r\n    );\r\n};\r\n\r\nconst InfoPart: FC<{ value?: string, title?: string, description: string, loading?: boolean }> = ({ value, title, description, loading }) => {\r\n    return (\r\n        <InfoPartContainer title={title}>\r\n            <div className=\"info-value\">\r\n                {loading\r\n                    ? <Shimmer width=\"75%\" />\r\n                    : value ? value : \"?\"\r\n                }\r\n            </div>\r\n            <div className=\"info-title\">\r\n                {description}\r\n            </div>\r\n        </InfoPartContainer>\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { Callout, DirectionalHint, Icon, Link, Shimmer } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faBox, faCheck, faCubes, faHourglass } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NavPremiumBanner } from \"./NavPremiumBanner\";\r\nimport { ICargoOnBoard } from \"../../interfaces/ICargoOnBoard\";\r\nimport { useCargoOnBoard } from \"../../api/hooks/useVesselsLive\";\r\nimport { useBoolean, useId } from \"@fluentui/react-hooks\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ blur?: boolean }>`\r\n    position: relative;\r\n\r\n    >div:first-child {\r\n        padding-bottom: 10px;\r\n        filter: ${_ => _.blur ? \"blur(2px)\" : undefined};\r\n\r\n        .cargo-header {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 10px;\r\n            font-size: 18px;\r\n            font-weight: 500;\r\n            padding: 22px 30px 5px;\r\n        }        \r\n    }\r\n\r\n    .no-data {\r\n        padding: 14px 30px 20px;\r\n    }\r\n\r\n    .leg-cargo-table {\r\n        display: grid;\r\n        border-collapse: collapse;\r\n        min-width: 100%;\r\n        grid-template-columns: repeat(3, auto);\r\n\r\n        tbody, tr {\r\n            display: contents;\r\n        }\r\n\r\n        tr {\r\n            td {\r\n                position: relative;\r\n                padding: 14px 8px;\r\n                overflow: hidden;\r\n                text-overflow: ellipsis;\r\n                white-space: nowrap;\r\n                border-top: 1px solid transparent;\r\n                border-bottom: 1px solid rgb(238, 238, 238);\r\n            }\r\n\r\n            td:first-child {\r\n                padding-left: 30px;\r\n            }\r\n\r\n            td:last-child {\r\n                padding-right: 30px;\r\n                text-align: right;\r\n            }\r\n\r\n            :hover {\r\n                td {\r\n                    cursor: pointer;\r\n                    background-color: #f5f5f5;\r\n                }\r\n            }\r\n        }\r\n\r\n        tr:last-child {\r\n            td {\r\n                border-bottom: none;\r\n            }\r\n        }        \r\n    }\r\n`;\r\n\r\nconst CalloutBody = styled.div`\r\n    color: black;\r\n\r\n    .header {\r\n        padding: 16px 30px 16px 28px;\r\n        border-bottom: 1px solid #ccc;\r\n\r\n        .commodity {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 6px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .charterer {\r\n            padding-top: 2px;\r\n            color: #888;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .body {\r\n        background-color: #f1f1f1;\r\n        padding: 16px 30px 16px 28px;\r\n\r\n        .section {\r\n            margin-bottom: 16px;\r\n\r\n            .section-header {\r\n                text-transform: uppercase;\r\n                font-weight: 800;\r\n                font-size: 11px;\r\n                letter-spacing: .25px;\r\n                color: #999;\r\n                margin-bottom: 4px;\r\n            }\r\n\r\n            .ports {\r\n                .port {\r\n                    display: flex;\r\n                    gap: 40px;\r\n                    margin: 6px 0;\r\n\r\n                    >div:first-child {\r\n                        >span:first-child {\r\n                            padding-right: 8px;\r\n                            font-size: 12px;\r\n                        }\r\n                    }\r\n\r\n                    .quantity {\r\n                        flex-grow: 1;\r\n                        justify-content: flex-end;\r\n                        display: flex;\r\n\r\n                        .processed {\r\n                            margin: 3px 8px 0 0;\r\n                            border-radius: 50%;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: center;\r\n                            font-size: 10px;\r\n                            font-weight: 500;\r\n                            background-color: #4177bf;\r\n                            color: white;\r\n                            height: 14px;\r\n                            width: 14px;\r\n                        }\r\n                    }\r\n\r\n                    :hover {\r\n                        cursor: pointer;\r\n                        color: #4177bf;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveLegCargo: React.FC = () => {\r\n    const { selectedVessel } = useLiveProvider();\r\n    const { cargOnBoard, isValidating } = useCargoOnBoard(selectedVessel?.useNavPremium, selectedVessel?.leg != undefined, selectedVessel?.vessel.id);\r\n\r\n    return (\r\n        <Container blur={!selectedVessel?.useNavPremium}>\r\n            <div>\r\n                <div className=\"cargo-header\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faCubes} />\r\n                    </div>\r\n                    <div>\r\n                        Cargo {cargOnBoard && cargOnBoard.length > 0 ? ` (${cargOnBoard.length})` : \"\"}\r\n                    </div>\r\n                </div>\r\n                {((selectedVessel && !selectedVessel.useNavPremium) || (cargOnBoard && cargOnBoard.length === 0)) &&\r\n                    <div className=\"no-data\">\r\n                        No cargo data available.\r\n                    </div>\r\n                }\r\n                <table className=\"leg-cargo-table\">\r\n                    <tbody>\r\n                        {!cargOnBoard && isValidating &&\r\n                            <tr>\r\n                                <td><Shimmer /></td>\r\n                                <td><Shimmer /></td>\r\n                                <td><Shimmer /></td>\r\n                            </tr>\r\n                        }\r\n                        {cargOnBoard?.map((c, index) => {\r\n                            return <CargOnBoardItem c={c} key={`CargOnBoardItem_${index}`} />;\r\n                        })}\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n            {!selectedVessel?.useNavPremium &&\r\n                <NavPremiumBanner small />\r\n            }\r\n        </Container>\r\n    );\r\n};\r\n\r\nconst CargOnBoardItem: FC<{ c: ICargoOnBoard }> = ({ c }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject, toDateString } = useDateFunctions();\r\n    const [isCalloutVisible, { toggle: toggleIsCalloutVisible }] = useBoolean(false);\r\n    const navigate = useNavigate();\r\n    const anchorId = useId('callout-button');\r\n\r\n    // Discharge ports\r\n    let ports = \"Unknown\";\r\n    if (c.dischargePorts.length > 0) {\r\n        ports = c.dischargePorts[0].port.name;\r\n        if (c.dischargePorts.length > 1) {\r\n            ports += ` + ${c.dischargePorts.length - 1}`\r\n        }\r\n    }\r\n\r\n    return (\r\n        <tr onClick={toggleIsCalloutVisible}>\r\n            <td id={anchorId}>\r\n                <span title={toCapitalLetters(c.commodity.name)}>{toCapitalLetters(c.commodity.name)}</span>\r\n\r\n                {isCalloutVisible && (\r\n                    <Callout\r\n                        gapSpace={8}\r\n                        target={`#${anchorId}`}\r\n                        onDismiss={toggleIsCalloutVisible}\r\n                        directionalHint={DirectionalHint.leftCenter}\r\n                        styles={{\r\n                            calloutMain: {\r\n                                borderRadius: \"4px\",\r\n                            },\r\n                            beakCurtain: {\r\n                                borderRadius: \"4px\"\r\n                            },\r\n                            beak: {\r\n                                backgroundColor: \"#f1f1f1\"\r\n                            }\r\n                        }}\r\n                    >\r\n                        <CalloutBody>\r\n                            <div className=\"header\">\r\n                                <div className=\"commodity\">\r\n                                    <div>\r\n                                        <FontAwesomeIcon icon={faBox} />\r\n                                    </div>\r\n                                    <div>\r\n                                        {c.commodity.name}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"charterer\">\r\n                                    {c.charterer.name}\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"body\">\r\n                                <div className=\"section\">\r\n                                    <div className=\"section-header\">\r\n                                        Load ports\r\n                                    </div>\r\n                                    <div className=\"ports\">\r\n                                        {c.loadPorts.slice().sort((a, b) => {\r\n                                            return makeDateObject(a.scheduledArrival) > makeDateObject(b.scheduledArrival) ? 1 : -1;\r\n                                        })\r\n                                            .map((p, index) => {\r\n                                                return (\r\n                                                    <div\r\n                                                        className=\"port\"\r\n                                                        key={`load_port_${index}`}\r\n                                                        onClick={() => navigate(`/portcalls/${p.portCallId}`)}\r\n                                                        title={`${p.arrived ? `ATA ${toDateString(p.arrived, p.port.timeZone, true)} LT` : `ETA ${toDateString(p.scheduledArrival, p.port.timeZone, true)} LT`}`}\r\n                                                    >\r\n                                                        <div>\r\n                                                            <span>\r\n                                                                <FontAwesomeIcon icon={p.cargoEnd ? faCheck : faHourglass} />\r\n                                                            </span>\r\n                                                            <span>\r\n                                                                {toCapitalLetters(p.port.name)}\r\n                                                            </span>\r\n                                                        </div>\r\n                                                        <div className=\"quantity\">\r\n                                                            {p.quantityProcessed &&\r\n                                                                <span className=\"processed\" title=\"Quantity processed / BL registered\">\r\n                                                                    P\r\n                                                                </span>\r\n                                                            }\r\n                                                            <span>\r\n                                                                {p.quantityProcessed\r\n                                                                    ? p.quantityProcessed.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })\r\n                                                                    : p.quantity.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} {c.measurement.name}\r\n                                                            </span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"section\">\r\n                                    <div className=\"section-header\">\r\n                                        Discharge ports\r\n                                    </div>\r\n                                    {c.dischargePorts.length === 0 &&\r\n                                        <div className=\"no-ports\">\r\n                                            No ports\r\n                                        </div>\r\n                                    }\r\n                                    <div className=\"ports\">\r\n                                        {c.dischargePorts.slice().sort((a, b) => {\r\n                                            return makeDateObject(a.scheduledArrival) > makeDateObject(b.scheduledArrival) ? 1 : -1;\r\n                                        })\r\n                                            .map((p, index) => {\r\n                                                return (\r\n                                                    <div\r\n                                                        className=\"port\"\r\n                                                        key={`load_port_${index}`}\r\n                                                        onClick={() => navigate(`/portcalls/${p.portCallId}`)}\r\n                                                        title={`${p.arrived ? `ATA ${toDateString(p.arrived, p.port.timeZone, true)} LT` : `ETA ${toDateString(p.scheduledArrival, p.port.timeZone, true)} LT`}`}\r\n                                                    >\r\n                                                        <div>\r\n                                                            <span>\r\n                                                                <FontAwesomeIcon icon={p.cargoEnd ? faCheck : faHourglass} />\r\n                                                            </span>\r\n                                                            <span>\r\n                                                                {toCapitalLetters(p.port.name)}\r\n                                                            </span>\r\n                                                        </div>\r\n                                                        <div className=\"quantity\">\r\n                                                            {p.quantityProcessed &&\r\n                                                                <span className=\"processed\" title=\"Quantity processed / BL registered\">\r\n                                                                    P\r\n                                                                </span>\r\n                                                            }\r\n                                                            <span>\r\n                                                                {p.quantityProcessed\r\n                                                                    ? p.quantityProcessed.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })\r\n                                                                    : p.quantity.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} {c.measurement.name}\r\n                                                            </span>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </CalloutBody>\r\n\r\n                    </Callout>\r\n                )}\r\n            </td>\r\n            <td>\r\n                <span title={\"Discharge port(s): \" + toCapitalLetters(c.dischargePorts.map(_ => _.port.name).join(', '))}>\r\n                    <Icon style={{ marginRight: \"6px\", fontSize: \"9px\", fontWeight: 900 }} iconName=\"ArrowUpRight8\" />\r\n                    <span>{toCapitalLetters(ports)}</span>\r\n                </span>\r\n            </td>\r\n            <td>\r\n                <span title={`Qty: ${c.qtyOnBoard.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} ${c.measurement.name}`}>\r\n                    {`${c.qtyOnBoard.toLocaleString(undefined, { maximumFractionDigits: 0 })} ${c.measurement.name}`}\r\n                </span>\r\n            </td>\r\n        </tr>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { AppGridTableNew } from \"../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../interfaces/IGridTableColumn\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRight, faCubes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { usePortCallCargo } from \"../../api/hooks/usePortCallCargo\";\r\nimport { useCargoFunctions } from \"../../hooks/useCargoFunctions\";\r\nimport { IGroupedCargo } from \"../../interfaces/IGroupedCargo\";\r\nimport { ISofEvent } from \"../../interfaces/ISofEvent\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { usePortCallFlow } from \"../../api/hooks/usePortCallFlow\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding-bottom: 10px;\r\n\r\n    .cargo-header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 10px;\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        padding: 22px 30px 0px;\r\n    }\r\n\r\n    .cargo-title {\r\n        display: grid;\r\n        grid-template-columns: 16px 1fr;\r\n        gap: 8px;\r\n\r\n        .icon {\r\n            position: relative;\r\n\r\n            >div {\r\n                position: absolute;\r\n                top: -2px;\r\n                left: -2px;\r\n                width: 18px;\r\n                height: 18px;\r\n                display: flex;\r\n                justify-content: center;\r\n                align-items: center;\r\n                border-radius: 50%;\r\n            }\r\n        }\r\n\r\n        .icon.active {\r\n            >div {\r\n                color: white;\r\n                font-size: 12px;\r\n                background-color: #4177bf;\r\n                animation: animateWidth 4s infinite;\r\n\r\n                @keyframes animateWidth {\r\n                    20% { \r\n                        background-color: #4177bf;\r\n                    }\r\n                    50% { \r\n                        background-color: #eee;\r\n                    }\r\n                    80% { \r\n                        background-color: #4177bf;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .icon.finished {\r\n            >div {\r\n                color: white;\r\n                font-size: 12px;\r\n                background-color: #32ad5b;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LivePortCallCargo = () => {\r\n    const { selectedVessel } = useLiveProvider();\r\n    const { flow } = usePortCallFlow(selectedVessel?.portCall?.id);\r\n    const { allEvents, getGroupQuantity, getStatus, groupCargo } = useCargoFunctions();\r\n    const { cargo, isValidating } = usePortCallCargo(selectedVessel?.portCall?.id);\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [grouped, setGrouped] = useState<IGroupedCargo[] | undefined>();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"commodity\",\r\n            render: (g: IGroupedCargo) => {\r\n                let commodity = g.group ? g.group.name : g.cargo[0].commodity?.name;\r\n                let status = getStatus(flow, g.cargo[0]);\r\n                let _allEvents: ISofEvent[] = allEvents(g.cargo[0]) as ISofEvent[];\r\n                let _lastEvent = _allEvents.length > 0 ? _allEvents[_allEvents.length - 1] : undefined;\r\n\r\n                return (\r\n                    <div>\r\n                        <div className=\"cargo-title\">\r\n                            <div className={`icon ${status === \"Active\" ? \"active\" : status === \"Finished\" ? \"finished\" : \"\"}`}>\r\n                                <div>\r\n                                    <FontAwesomeIcon\r\n                                        icon={faArrowRight}\r\n                                        style={{\r\n                                            transform: g.cargo[0].reasonForCall?.code === \"L\" ? \"rotate(45deg)\" : \"rotate(-45deg)\"\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"commodity\">\r\n                                {toCapitalLetters(commodity)}\r\n                            </div>\r\n                        </div>\r\n                        <div\r\n                            style={{\r\n                                paddingTop: \"4px\",\r\n                                fontSize: \"12px\",\r\n                                color: \"#aaa\"\r\n                            }}\r\n                        >\r\n                            {_lastEvent ? `${_lastEvent.name} ${makeDateObject(_lastEvent.eventDate).toRelative({ locale: \"en-US\" })} ` : \"Not started\"}\r\n                        </div>\r\n                    </div>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"qty\",\r\n            textAlign: \"right\",\r\n            render: (g: IGroupedCargo) => {\r\n                let qty = g.group\r\n                    ? getGroupQuantity(g.group, g.cargo)\r\n                    : g.cargo[0].quantity;\r\n\r\n\r\n                let measurement = g.group\r\n                    ? g.group.quantityUnit\r\n                    : g.cargo[0].measurement?.name\r\n\r\n                return (\r\n                    <span title={`${qty?.toLocaleString(undefined, { minimumFractionDigits: 3, maximumFractionDigits: 3 })} ${measurement}`}>\r\n                        {qty?.toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}\r\n                    </span >\r\n                );\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (cargo) {\r\n            setGrouped(groupCargo(cargo));\r\n        }\r\n    }, [cargo])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"cargo-header\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faCubes} />\r\n                </div>\r\n                <div>\r\n                    Cargo {cargo && cargo.length > 0 ? ` (${cargo.length})` : \"\"}\r\n                </div>\r\n            </div>\r\n            <AppGridTableNew\r\n                noAlternateRowColor\r\n                noCellBorder\r\n                numShimmerRows={1}\r\n                hideHeader\r\n                noHoverColor\r\n                columns={columns}\r\n                data={grouped}\r\n                loading={isValidating}\r\n                emptyMessage=\"No cargo data available.\"\r\n                \r\n            />\r\n        </Container>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IFlow } from \"../../interfaces/IFlow\";\r\n\r\nexport const usePortCallFlow = (id?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(id ? `/portcalls/${id}/flow` : null, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 1000 * 60,\r\n        errorRetryCount: 1,\r\n        errorRetryInterval: 2\r\n    });\r\n\r\n    let flow: IFlow | undefined = data;\r\n\r\n    return { flow, error, isValidating, mutate };\r\n};","import useSWR from \"swr\";\r\nimport { ICargo } from \"../../interfaces/ICargo\";\r\n\r\nexport const usePortCallCargo = (portCallId?: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(portCallId ? `/portcalls/${portCallId}/cargos` : null, {\r\n        dedupingInterval: 1000 * 60,\r\n        shouldRetryOnError: false,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let cargo: ICargo[] | undefined = data;\r\n\r\n    return { cargo, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faWarning } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: #ffffd2;\r\n    border-bottom: 1px solid #ebeb85;\r\n    padding: 20px 30px 18px;\r\n\r\n    .warning-header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 6px;\r\n        font-weight: 500;\r\n\r\n        >div:first-child {\r\n            font-size: 13px;\r\n        }\r\n    }\r\n\r\n    .warning-body {\r\n        padding-top: 10px;\r\n        font-size: 12px;\r\n        letter-spacing: .25px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveWarning: React.FC = () => {\r\n    const { selectedVessel, latestAis } = useLiveProvider();\r\n    const [showWarning, setShowWarning] = useState(false);\r\n\r\n    useEffect(() => {\r\n        if (selectedVessel?.leg && selectedVessel.leg.toPortCall && latestAis && latestAis.destinationPortUnloCode) {\r\n            if(selectedVessel.leg.toPortCall.port?.unLoCode !== latestAis.destinationPortUnloCode) {\r\n                setShowWarning(true);\r\n                return;\r\n            }\r\n        }\r\n        setShowWarning(false);\r\n    }, [selectedVessel, latestAis])\r\n\r\n\r\n    if (!showWarning) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"warning-header\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faWarning} />\r\n                </div>\r\n                <div>\r\n                    Destination mismatch\r\n                </div>\r\n            </div>\r\n            <div className=\"warning-body\">\r\n                RTO and AIS destination does not match. Have vessel registered departure from last portcall.\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { VesselImage } from \"./VesselImage\";\r\nimport { LiveTimeLine } from \"./LiveTimeLine\";\r\nimport { LiveInfoSection } from \"./LiveInfoSection\";\r\nimport { Badge } from \"../../blocks/badge/Badge\";\r\nimport { LiveLegCargo } from \"./LiveLegCargo\";\r\nimport { LivePortCallCargo } from \"./LivePortCallCargo\";\r\nimport { LiveWarning } from \"./LiveWarning\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    font-size: 14px;\r\n\r\n    .back {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 6px;\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        padding: 22px 30px 14px;\r\n\r\n        :hover {\r\n            cursor: pointer;\r\n            color: #4177bf;\r\n        }\r\n    }\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        gap: 6px;\r\n        font-weight: 900;\r\n        padding: 0 30px 22px;\r\n        font-size: 22px;\r\n\r\n        >div:first-child {\r\n            overflow-x: hidden;\r\n            white-space: nowrap;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        >div:last-child {\r\n            padding-top: 4px;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const SelectedVesselPanel: React.FC = () => {\r\n    const { selectedVessel, setSelectedVessel } = useLiveProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const inPort = selectedVessel?.portCall ? true : false;\r\n    const atSea = selectedVessel?.leg ? true : false;\r\n\r\n    return (\r\n        <Container>\r\n\r\n            <LiveWarning />\r\n\r\n            <div className=\"back\" onClick={() => { setSelectedVessel(undefined) }}>\r\n                <div>\r\n                    <FontAwesomeIcon icon={faArrowLeft} />\r\n                </div>\r\n                <div>\r\n                    Back\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"header\">\r\n                <div title={toCapitalLetters(selectedVessel?.vessel.name)}>\r\n                    {toCapitalLetters(selectedVessel?.vessel.name)}\r\n                </div>\r\n                <div>\r\n                    {(inPort || atSea)\r\n                        ?\r\n                        <Badge\r\n                            text={inPort ? \"In port\" : \"At sea\"}\r\n                            color=\"white\"\r\n                            backgroundColor={inPort ? \"#32ad5b\" : \"#4177bf\"}\r\n                            borderColor=\"transparent\"\r\n                        />\r\n                        :\r\n                        <Badge\r\n                            text=\"No status\"\r\n                            color=\"#000\"\r\n                            backgroundColor=\"#eee\"\r\n                            borderColor=\"transparent\"\r\n                        />\r\n                    }\r\n                </div>\r\n            </div>\r\n\r\n            <VesselImage />\r\n            <LiveInfoSection />\r\n            <LiveTimeLine />\r\n\r\n            {selectedVessel?.leg\r\n                ? <LiveLegCargo />\r\n                : <LivePortCallCargo />\r\n            }\r\n\r\n        </Container>\r\n    );\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport ReactCountryFlag from \"react-country-flag\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { IVesselLiveModel } from \"../../interfaces/IVesselLiveModel\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { SelectedVesselPanel } from \"./SelectedVesselPanel\";\r\nimport { Badge } from \"../../blocks/badge/Badge\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRight, faSatelliteDish } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst VesselSidePanel = styled.div`\r\n    .vessel {\r\n        font-size: 14px;\r\n        padding: 22px 30px;\r\n        border-bottom: 1px solid #f0f0f0;\r\n        position: relative;\r\n\r\n        .header {\r\n            display: grid;\r\n            grid-template-columns: 1fr auto auto;\r\n\r\n            .name {\r\n                font-weight: 900;\r\n                font-size: 15px;\r\n                display: flex;\r\n                align-items: center;\r\n            }\r\n\r\n            .has-nav-premium {\r\n                color: #ddd;\r\n                padding: 0px 10px 0;\r\n            }\r\n        }\r\n\r\n        .details.port {\r\n            margin: 6px 0px 0;\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            font-size: 16px;\r\n\r\n            span {\r\n                font-size: 11px;\r\n                text-transform: uppercase;\r\n                letter-spacing: .5px;\r\n                font-weight: 500;\r\n                color: #999;\r\n                padding: 2px 0 0 4px;\r\n            }\r\n        }\r\n\r\n        \r\n        .details.leg {\r\n            .illustration {\r\n                margin-top: 7px;\r\n                display: grid;\r\n                grid-template-columns: 12px 1fr 12px;\r\n\r\n                .circle {\r\n                    background-color: #85aadb;\r\n                    height: 12px;\r\n                    width: 12px;\r\n                    border-radius: 50%;\r\n                }\r\n\r\n                .line {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    position: relative;\r\n\r\n                    >div:first-child {\r\n                        width: 100%;\r\n                        border: 1px dashed #85aadb;\r\n                    }\r\n\r\n                    .arrow {\r\n                        position: absolute;\r\n                        top: -2px;\r\n                        left: 50%;\r\n                        color: #85aadb;\r\n                        animation: animateRouteArrow 4s infinite;\r\n\r\n                        @keyframes animateRouteArrow {\r\n                            25% { opacity: 1; }\r\n                            50% { opacity: 0; }\r\n                            75% { opacity: 1; }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .info {\r\n                margin: 6px 2px 0;\r\n                display: grid;\r\n                grid-template-columns: auto 1fr auto;\r\n                font-size: 16px;\r\n\r\n                span {\r\n                    font-size: 11px;\r\n                    text-transform: uppercase;\r\n                    letter-spacing: .5px;\r\n                    font-weight: 500;\r\n                    color: #999;\r\n                    padding: 0 4px;\r\n                }\r\n            }\r\n        }   \r\n\r\n        :hover {\r\n            cursor: pointer;\r\n            background-color: #f5f5f5;\r\n            transition: background-color .1s ease-in-out;\r\n\r\n            .details.leg {\r\n                .illustration {\r\n                    .circle {\r\n                        background-color: #4177bf;\r\n                    }\r\n\r\n                    .line {\r\n                        >div {\r\n                            border-color: #4177bf;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\ninterface IVesselSidePanel {\r\n    vesselLiveModels?: IVesselLiveModel[]\r\n}\r\n\r\nexport const LiveVesselSidePanel: React.FC<IVesselSidePanel> = ({ vesselLiveModels }) => {\r\n    const { selectedVessel, setSelectedVessel, } = useLiveProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    useEffect(() => {\r\n        // Pre load default background image for vessels with no uploaded image\r\n        const img = new Image();\r\n        img.src = \"/img/UploadVessel.jpg\";\r\n    }, [])\r\n\r\n    return (\r\n        <VesselSidePanel>\r\n            {selectedVessel &&\r\n                <SelectedVesselPanel />\r\n            }\r\n\r\n            {!selectedVessel && vesselLiveModels && vesselLiveModels.map((v) => {\r\n                return (\r\n                    v.portCall\r\n                        ?\r\n                        <div key={v.vessel.id} className=\"vessel\" onClick={() => setSelectedVessel(v)}>\r\n                            <div className=\"header\">\r\n                                <div className=\"name\">\r\n                                    {toCapitalLetters(v.vessel.name)}\r\n                                </div>\r\n                                <div className=\"has-nav-premium\" title=\"AIS and routing\">\r\n                                    {v.hasNavPremium &&\r\n                                        <FontAwesomeIcon icon={faSatelliteDish} />\r\n                                    }\r\n                                </div>\r\n                                <div>\r\n                                    <Badge text=\"In port\" color=\"white\" backgroundColor=\"#32ad5b\" borderColor=\"transparent\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"details port\">\r\n                                <ReactCountryFlag countryCode={v.portCall!.port!.countryCode} svg />\r\n                                <span>{toCapitalLetters(v.portCall.port?.name)}</span>\r\n                            </div>\r\n                        </div>\r\n                        :\r\n                        v.leg\r\n                            ?\r\n                            <div key={v.vessel.id} className=\"vessel\" onClick={() => setSelectedVessel(v)}>\r\n                                <div className=\"header\">\r\n                                    <div className=\"name\">\r\n                                        {toCapitalLetters(v.vessel.name)}\r\n                                    </div>\r\n                                    <div className=\"has-nav-premium\" title=\"AIS and routing\">\r\n                                        {v.hasNavPremium &&\r\n                                            <FontAwesomeIcon icon={faSatelliteDish} />\r\n                                        }\r\n                                    </div>\r\n                                    <div>\r\n                                        <Badge text=\"At sea\" color=\"white\" backgroundColor=\"#4177bf\" borderColor=\"transparent\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"details leg\">\r\n                                    <div className=\"illustration\">\r\n                                        <div className=\"circle\" />\r\n                                        <div className=\"line\">\r\n                                            <div />\r\n\r\n                                            <div className=\"arrow\">\r\n                                                <FontAwesomeIcon icon={faArrowRight} />\r\n                                            </div>\r\n\r\n                                        </div>\r\n                                        <div className=\"circle\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"info\">\r\n                                        <div title={v.leg.fromPortCall.port?.country}>\r\n                                            <ReactCountryFlag countryCode={v.leg.fromPortCall.port!.countryCode} svg />\r\n                                            <span>\r\n                                                {toCapitalLetters(v.leg.fromPortCall.port?.name)}\r\n                                            </span>\r\n                                        </div>\r\n                                        <div>\r\n\r\n                                        </div>\r\n                                        <div title={v.leg.toPortCall.port?.country}>\r\n                                            <span>{toCapitalLetters(v.leg.toPortCall.port!.name)}</span>\r\n                                            <ReactCountryFlag countryCode={v.leg.toPortCall.port!.countryCode} svg />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                            :\r\n                            <div key={v.vessel.id} className=\"vessel\" onClick={() => setSelectedVessel(v)}>\r\n                                <div className=\"header\">\r\n                                    <div className=\"name\">\r\n                                        {toCapitalLetters(v.vessel.name)}\r\n                                    </div>\r\n                                    <div className=\"has-nav-premium\" title=\"AIS and routing\">\r\n                                        {v.hasNavPremium &&\r\n                                            <FontAwesomeIcon icon={faSatelliteDish} />\r\n                                        }\r\n                                    </div>\r\n                                    <div>\r\n                                        <Badge text=\"No status\" color=\"#000\" backgroundColor=\"#eee\" borderColor=\"transparent\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                )\r\n            })}\r\n        </VesselSidePanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faPlay, faStop } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div<{ clickable?: boolean }>`\r\n    height: 22px;\r\n    width: 22px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 14px;\r\n    border-radius: 50%;\r\n    background-color: rgb(255, 255, 255, .9);\r\n`;\r\n//#endregion\r\n\r\nexport const MapLocationMarker: React.FC<{ lat: number, lng: number, start?: boolean }> = ({ start }) => {\r\n    return (\r\n        <Container\r\n            style={{\r\n                paddingLeft: start ? \"1px\" : undefined\r\n            }}\r\n        >\r\n            <FontAwesomeIcon\r\n                icon={start ? faPlay : faStop}\r\n                style={{\r\n                    color: start ? \"#009d14\" : \"#4177bf\"\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ILogReport } from \"../../interfaces/ILogReport\";\r\nimport { LogReportType } from \"../../_enums/LogReportType\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 18px;\r\n    width: 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 14px;\r\n    border-radius: 50%;\r\n    background-color: rgb(16, 171, 67, .5);\r\n    color: white;\r\n    font-size: 10px;\r\n`;\r\n//#endregion\r\n\r\nexport const MapLogReportMarker: React.FC<{ r: ILogReport, lat: number, lng: number }> = ({ r }) => {\r\n    return (\r\n        <Container title={r.type ? `${LogReportType[r.type]} report` : undefined}>\r\n            R\r\n        </Container>\r\n    );\r\n}","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Modal } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faClose, faLocationArrow, faPlay, faStop } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    max-width: 800px;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        font-size: 20px;\r\n        background-color: #1b2431;\r\n        color: white;\r\n\r\n        >div {\r\n            padding: 20px 30px;\r\n        }\r\n\r\n        >div:last-child {\r\n            :hover {\r\n                cursor: pointer;\r\n                color: #ccc;\r\n            }\r\n        }\r\n    }\r\n\r\n    .body {\r\n        padding: 20px 30px;\r\n        max-width: 500px;\r\n\r\n        .descriptions {\r\n            margin: 10px 0;\r\n\r\n            .description-item {\r\n                display: grid;\r\n                grid-template-columns: 40px 1fr;\r\n                padding: 8px 0;\r\n\r\n                .round {\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                    height: 22px;\r\n                    width: 22px;\r\n                    box-shadow: 0 0 4px #aaa;\r\n                    border-radius: 50%;\r\n                    font-size: 12px;\r\n                }\r\n\r\n                .icon {\r\n                    font-size: 16px;\r\n                    padding-left: 6px;\r\n                }\r\n\r\n                .line {\r\n                    padding-top: 8px;\r\n\r\n                    >div {\r\n                        width: 24px;\r\n                        height: 4px;\r\n                        border-radius: 4px;\r\n                    }\r\n                }\r\n\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveDescriptionModal: FC<{ isOpen: boolean, onDismiss: () => void }> = ({ isOpen, onDismiss }) => {\r\n    return (\r\n        <Modal\r\n            isOpen={isOpen}\r\n            onDismiss={onDismiss}\r\n            styles={{\r\n                main: {\r\n                    boxShadow: \"0 0 2px #ccc\"\r\n                }\r\n            }}\r\n        >\r\n            <Container>\r\n                <div className=\"header\">\r\n                    <div>\r\n                        Map description\r\n                    </div>\r\n                    <div onClick={onDismiss} title=\"Close\">\r\n                        <FontAwesomeIcon icon={faClose} />\r\n                    </div>\r\n                </div>\r\n                <div className=\"body\">\r\n\r\n                    <div>\r\n                        Information shown in the map is based on data from multiple sources, both internal and external. AIS positions and routes are example of data delivered to us from external partners. The below description explaines some of the features shown in the map.\r\n                    </div>\r\n\r\n                    <div className=\"descriptions\">\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"line\">\r\n                                    <div style={{ backgroundColor: \"rgb(16,171,67,.5)\" }} />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                AIS trace since departure from previous port. Data is delivered by external provider. (Terrestrial coverage. Satelitte coverage available upon request).\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"line\">\r\n                                    <div style={{ backgroundColor: \"#009d14\" }} />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                AIS trace calculated from log / noon reports. Only shown if AIS trace is not available. (e.g. if outside coverage)\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"line\">\r\n                                    <div style={{ backgroundColor: \"#4177bf\" }} />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                Suggested route accounting for max draft of the selected vessel. Route is based on historical AIS traces from external provider.\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"icon\">\r\n                                    <FontAwesomeIcon icon={faLocationArrow} color=\"#16da57\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                Current position of the vessel based on AIS data.\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"round\">\r\n                                    <FontAwesomeIcon icon={faPlay} color=\"#009d14\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                Start of route\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"description-item\">\r\n                            <div className=\"image\">\r\n                                <div className=\"round\">\r\n                                    <FontAwesomeIcon icon={faStop} color=\"#4177bf\" />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"text\">\r\n                                End of route\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </Container>\r\n        </Modal>\r\n    );\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport Map from \"../map/Map\";\r\nimport { faPlay, faQuestion, faStop } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { useAis, useLatestAis, useVesselsLive } from \"../../api/hooks/useVesselsLive\";\r\nimport { useLiveProvider } from \"../../contextHooks/LiveContext\";\r\nimport { LiveVesselSidePanel } from \"./LiveVesselSidePanel\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { useSeaRoutes } from \"../../api/hooks/useVesselsLive\";\r\nimport { MapLocationMarker } from \"../map/MapLocationMarker\";\r\nimport { MapVesselMarker } from \"../map/MapVesselMarker\";\r\nimport { ISeaRouteCoordinate } from \"../../interfaces/ISeaRoute\";\r\nimport { useLogReports } from \"../../api/hooks/useLogReports\";\r\nimport { DateTime } from \"luxon\";\r\nimport { MapLogReportMarker } from \"../map/MapLogReportMarker\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { ILogReport } from \"../../interfaces/ILogReport\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { LiveDescriptionModal } from \"./LiveDescriptionModal\";\r\nimport useMessages from \"../../hooks/useMessages\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    position: relative;\r\n    display: flex;\r\n\r\n    .map {\r\n        flex-grow: 1;\r\n        position: relative;\r\n    }\r\n\r\n    .no-vessels {\r\n        position: absolute;\r\n        background-color: rgb(65, 119, 191, .75);\r\n        color: white;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        padding: 18px 25px;\r\n        border-radius: 4px;\r\n        border: 1px solid rgb(255, 255, 255, .5);\r\n        letter-spacing: .5px;\r\n        font-weight: 700;\r\n        font-size: 11px;\r\n        text-transform: uppercase;\r\n        box-shadow: 0 0 20px #333;\r\n    }\r\n\r\n    #map-controls {\r\n        right: unset !important;\r\n        left: 0px !important;\r\n    }\r\n\r\n    .gm-bundled-control, .gm-fullscreen-control {\r\n        right: unset !important;\r\n        left: 0px !important;\r\n    }\r\n\r\n    .gm-fullscreen-control {\r\n        bottom: 24px !important;\r\n    }\r\n`;\r\n\r\nconst FullScreenPanel = styled.div`\r\n    max-height: calc(100% - 80px);\r\n    overflow-y: auto;\r\n    width: 350px;\r\n    max-width: 350px;\r\n    background-color: white;\r\n    position: absolute;\r\n    top: 40px;\r\n    right: 40px;\r\n    border-radius: 10px;\r\n    z-index: 1;\r\n\r\n    ::-webkit-scrollbar {\r\n        width: 0px;\r\n    }\r\n`;\r\n\r\nconst Logo = styled.div<{ url?: string }>`\r\n    position: absolute;\r\n    left: 11px;\r\n    top: 50px;\r\n    border-radius: 2px;\r\n    height: 40px;\r\n    width: 120px;\r\n    background-image: url(${_ => _.url});\r\n    background-repeat: no-repeat;\r\n    background-size: contain;\r\n`;\r\n\r\nconst TheShipLogo = styled.div`\r\n    position: absolute;\r\n    z-index: 1;\r\n    left: 70px;\r\n    bottom: 32px;\r\n    padding: 10px 24px;\r\n    background-color: rgb(14, 22, 38,.75);\r\n    border-radius: 6px;\r\n\r\n    img {\r\n        max-width: 260px;\r\n    }\r\n\r\n    .txt {\r\n        color: #888;\r\n        position: absolute;\r\n        bottom: 16px;\r\n        right: 26px;\r\n        font-size: 10px;\r\n        text-transform: uppercase;\r\n        font-family: Roboto;\r\n        letter-spacing: .5px;\r\n    }\r\n`;\r\n\r\nconst AutoPlay = styled.div`\r\n    position: absolute;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n    left: 11px;\r\n    bottom: 225px;\r\n    border-radius: 2px;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    color: #666666;\r\n    background-color: rgb(255, 255, 255);\r\n\r\n    :hover {\r\n        color: #333333;\r\n    }\r\n\r\n    >svg {\r\n        height: 20px;\r\n        width: 20px;\r\n    }\r\n`;\r\n\r\nconst Description = styled.div`\r\n    position: absolute;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: 1;\r\n    left: 11px;\r\n    bottom: 175px;\r\n    border-radius: 2px;\r\n    width: 40px;\r\n    height: 40px;\r\n    cursor: pointer;\r\n    color: #666666;\r\n    background-color: rgb(255, 255, 255);\r\n\r\n    :hover {\r\n        color: #333333;\r\n    }\r\n\r\n    >svg {\r\n        height: 20px;\r\n        width: 20px;\r\n    }\r\n`;\r\n\r\nconst NoVessels = styled.div`\r\n    padding: 30px 0;\r\n    display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    font-size: 12px;\r\n\r\n    .txt {\r\n        padding-top: 10px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const LiveNew: React.FC = () => {\r\n    const getEarlistAisFrom = () => {\r\n        if (!selectedVessel || !latestAis) {\r\n            return;\r\n        }\r\n\r\n        if (selectedVessel.leg) {\r\n            if (selectedVessel.leg.fromPortCall.departed && latestAis.departurePortUnloCode === selectedVessel.leg.fromPortCall.port?.unLoCode) {\r\n                // Match on latest AIS. Return the earliest\r\n                if (makeDateObject(selectedVessel.leg.fromPortCall.departed) < makeDateObject(latestAis.atdUtc)) {\r\n                    return selectedVessel.leg.fromPortCall.departed;\r\n                }\r\n                return latestAis.atdUtc;\r\n            }\r\n            else if (selectedVessel.leg.fromPortCall.departed) {\r\n                // No match on AIS, return departed\r\n                return selectedVessel.leg.fromPortCall.departed;\r\n            }\r\n            else {\r\n                // Return departed from AIS\r\n                return latestAis.atdUtc;\r\n            }\r\n        }\r\n        else {\r\n            // Check if speed is more than 5 kn. If so return AIS from latest departure\r\n            if (latestAis.speed >= 5) {\r\n                return latestAis.atdUtc;\r\n            }\r\n        }\r\n    }\r\n\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { makeDateObject, relativeDateString } = useDateFunctions();\r\n    const { selectedVessel, setSelectedVessel } = useLiveProvider();\r\n    const { vesselLiveModels, isValidating: loadingVessels, error: errorLoadingVessels, mutate: mutateVessels } = useVesselsLive();\r\n    const { latestAis } = useLatestAis(selectedVessel?.useNavPremium, selectedVessel?.vessel.id);\r\n    const { ais } = useAis(selectedVessel?.useNavPremium, getEarlistAisFrom(), selectedVessel?.vessel.id, 1000);\r\n    const { seaRoute } = useSeaRoutes(selectedVessel?.useNavPremium, selectedVessel?.vessel.id, selectedVessel?.leg?.fromPortCall?.port?.id, selectedVessel?.leg?.toPortCall?.port?.id)\r\n    const { logReports } = useLogReports(selectedVessel?.leg?.fromPortCall.departed, DateTime.now().endOf(\"day\").toJSDate(), selectedVessel ? [selectedVessel.vessel.id] : undefined, undefined, true);\r\n    const [descriptionOpen, { toggle: toggleDescriptionOpen }] = useBoolean(false);\r\n    const [logReportTrace, setLogReportTrace] = useState<ISeaRouteCoordinate[] | undefined>();\r\n    const [logReportsLive, setLogReportsLive] = useState<ILogReport[] | undefined>();\r\n    const [autoplayActive, setAutoplayActive] = useState<boolean>(false);\r\n    const [vesselPositions, setVesselPositions] = useState<ISeaRouteCoordinate[] | undefined>();\r\n    const [selectedVesselPosition, setSelectedVesselPosition] = useState<ISeaRouteCoordinate | undefined>();\r\n    const intervalRef = useRef(0);\r\n    const timeoutRef = useRef(0);\r\n\r\n    const startAutoPlay = () => {\r\n        // Should also have a stop on re-focus\r\n        if (vesselLiveModels && vesselLiveModels.length > 1) {\r\n            let vesselIndex = 0;\r\n\r\n            intervalRef.current = setInterval(() => {\r\n                ++vesselIndex;\r\n                if (vesselIndex >= vesselLiveModels.length - 1) {\r\n                    vesselIndex = 0;\r\n                }\r\n\r\n                setSelectedVessel(vesselLiveModels[vesselIndex]);\r\n\r\n                let timeout = setTimeout(() => {\r\n                    setSelectedVessel(undefined)\r\n                }, 20000);\r\n                timeoutRef.current = timeout;\r\n\r\n            }, 30000);\r\n\r\n            // Start the cycle immediately\r\n            setSelectedVessel(vesselLiveModels[0]);\r\n\r\n            timeoutRef.current = setTimeout(() => {\r\n                setSelectedVessel(undefined)\r\n            }, 20000);\r\n\r\n            setAutoplayActive(true);\r\n        }\r\n    }\r\n\r\n    const stopAutoPlay = () => {\r\n        if (intervalRef && intervalRef.current) {\r\n            clearInterval(intervalRef.current);\r\n            clearTimeout(timeoutRef.current);\r\n            intervalRef.current = 0;\r\n            timeoutRef.current = 0;\r\n            setAutoplayActive(false);\r\n        }\r\n    }\r\n\r\n    // Update data when an event is registered\r\n    useMessages(\"Event\", m => {\r\n        mutateVessels(vesselLiveModels, true);\r\n    });\r\n\r\n    // Make sure vessel positions has both vessel with AIS and those with portcall only (UseNavPremium disabled)\r\n    useEffect(() => {\r\n        if (vesselLiveModels) {\r\n            let vesselAisPositions = vesselLiveModels?.filter(_ => _.latestPosition).map(_ => {\r\n                return {\r\n                    lat: _.latestPosition!.lat!,\r\n                    lng: _.latestPosition!.lng!\r\n                }\r\n            });\r\n\r\n            let vesselPortCallPositions = vesselLiveModels?.filter(_ => !_.latestPosition && _.portCall?.port?.latitude && _.portCall?.port.longitude).map(_ => {\r\n                return {\r\n                    lat: _.portCall!.port!.latitude!,\r\n                    lng: _.portCall!.port!.longitude!,\r\n                }\r\n            });\r\n\r\n            setVesselPositions(vesselAisPositions.concat(vesselPortCallPositions));\r\n\r\n            // Update the selected vessel when a new event is registered. The useMessage mutates the vessels model.\r\n            if (selectedVessel) {\r\n                let _sv = vesselLiveModels.find(_ => _.vessel.id === selectedVessel.vessel.id);\r\n                if (_sv) {\r\n                    setSelectedVessel(_sv);\r\n                }\r\n            }\r\n        }\r\n    }, [vesselLiveModels])\r\n\r\n    useEffect(() => {\r\n        if (latestAis && ais && ais.length > 0) {\r\n\r\n            // There are log reports with position newer than latest ais\r\n            if (logReportsLive && logReportsLive.length > 0) {\r\n                setLogReportTrace(\r\n                    [\r\n                        ...logReportsLive.map(_ => {\r\n                            return ({\r\n                                lat: _.lat!,\r\n                                lng: _.lng!\r\n                            });\r\n                        }),\r\n                        latestAis\r\n                    ]\r\n                );\r\n\r\n                if (makeDateObject(logReportsLive[0].dateAndTime) > makeDateObject(ais[0].lastPositionUtc)) {\r\n                    setSelectedVesselPosition({ lat: logReportsLive[0].lat!, lng: logReportsLive[0].lng! });\r\n                }\r\n                else {\r\n                    setSelectedVesselPosition({ lat: latestAis.lat, lng: latestAis.lng });\r\n                }\r\n            }\r\n            else {\r\n                if (selectedVessel) {\r\n                    setSelectedVesselPosition({ lat: latestAis.lat, lng: latestAis.lng });\r\n                }\r\n                else {\r\n                    setSelectedVesselPosition(undefined);\r\n                }\r\n                setLogReportTrace(undefined);\r\n            }\r\n        }\r\n        else if (selectedVessel) {\r\n            if (selectedVessel.latestPosition) {\r\n                setSelectedVesselPosition({ lat: selectedVessel.latestPosition.lat, lng: selectedVessel.latestPosition.lng });\r\n            }\r\n            else if (!selectedVessel.useNavPremium && selectedVessel.portCall && selectedVessel.portCall.port && selectedVessel.portCall.port.latitude && selectedVessel.portCall.port.longitude) {\r\n                setSelectedVesselPosition({ lat: selectedVessel.portCall.port.latitude, lng: selectedVessel.portCall.port.longitude });\r\n            }\r\n            else {\r\n                setSelectedVesselPosition(undefined);\r\n            }\r\n        }\r\n        else {\r\n            setSelectedVesselPosition(undefined);\r\n            setLogReportTrace(undefined);\r\n        }\r\n    }, [selectedVessel, ais, logReportsLive, latestAis])\r\n\r\n    useEffect(() => {\r\n        if (logReports && selectedVessel && selectedVessel.latestPosition?.lastPositionUtc) {\r\n            setLogReportsLive(\r\n                logReports.filter(_ => _.lat && _.lng && makeDateObject(_.dateAndTime) > makeDateObject(selectedVessel.latestPosition?.lastPositionUtc!))\r\n            );\r\n        }\r\n        else {\r\n            setLogReportsLive(undefined);\r\n        }\r\n    }, [logReports])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"map\">\r\n\r\n                <AutoPlay title={autoplayActive ? \"Stop autoplay\" : \"Autoplay\"} onClick={autoplayActive ? stopAutoPlay : startAutoPlay}>\r\n                    <FontAwesomeIcon icon={autoplayActive ? faStop : faPlay} />\r\n                </AutoPlay>\r\n\r\n                <Description title=\"Map information\" onClick={toggleDescriptionOpen}>\r\n                    <FontAwesomeIcon icon={faQuestion} />\r\n                </Description>\r\n\r\n                <Map\r\n                    layerControls\r\n                    centerCoords={selectedVesselPosition}\r\n                    vesselPositions={vesselPositions}\r\n                    route={seaRoute ? seaRoute.coordinates : undefined}\r\n                    shadowTrace={logReportTrace}\r\n                    aisTrace={ais?.map(_ => {\r\n                        return {\r\n                            lat: _.lat,\r\n                            lng: _.lng\r\n                        }\r\n                    })}\r\n                >\r\n                    {logReportsLive?.map((r, index) => {\r\n                        if (!r.lat || !r.lng || (selectedVesselPosition && selectedVesselPosition.lat == r.lat && selectedVesselPosition.lng)) {\r\n                            return null;\r\n                        }\r\n\r\n                        return (\r\n                            <MapLogReportMarker\r\n                                key={`LogReportMarker_${index}`}\r\n                                lat={r.lat}\r\n                                lng={r.lng}\r\n                                r={r}\r\n                            />\r\n                        );\r\n                    })}\r\n\r\n\r\n                    {selectedVessel && selectedVessel.useNavPremium && selectedVessel.leg &&\r\n                        <MapLocationMarker\r\n                            key={'legStart'}\r\n                            start\r\n                            lat={selectedVessel.leg.fromPortCall.port!.latitude}\r\n                            lng={selectedVessel.leg.fromPortCall.port!.longitude}\r\n                        />\r\n                    }\r\n\r\n                    {selectedVessel && selectedVessel.useNavPremium && selectedVessel.leg &&\r\n                        <MapLocationMarker\r\n                            key={'legEnd'}\r\n                            lat={selectedVessel.leg.toPortCall.port!.latitude}\r\n                            lng={selectedVessel.leg.toPortCall.port!.longitude}\r\n                        />\r\n                    }\r\n\r\n\r\n                    {vesselLiveModels && vesselLiveModels.filter(_ => (_.latestPosition || _.portCall) && _.vessel.id !== selectedVessel?.vessel.id).map(v => {\r\n                        return (\r\n                            <MapVesselMarker\r\n                                title={`${toCapitalLetters(v.vessel.name)}'s position ${relativeDateString(v.latestPosition?.lastPositionUtc, { years: 10 })}`}\r\n                                key={'vessel_icon_' + v.vessel.id}\r\n                                lat={v.latestPosition?.lat ?? v.portCall?.port?.latitude ?? 0}\r\n                                lng={v.latestPosition?.lng ?? v.portCall?.port?.longitude ?? 0}\r\n                                heading={v.latestPosition?.speed != undefined && v.latestPosition.speed < 1 ? v.latestPosition.heading : v.latestPosition?.course}\r\n                                vesselName={toCapitalLetters(v.vessel.name)}\r\n                                blurBubble={selectedVessel ? true : false}\r\n                                onClick={!selectedVessel ? () => { setSelectedVessel(v) } : undefined}\r\n                            />\r\n                        )\r\n                    })}\r\n\r\n                    {selectedVesselPosition && selectedVessel &&\r\n                        <MapVesselMarker\r\n                            highlighted\r\n                            large={autoplayActive}\r\n                            title={logReportTrace && logReportTrace.length > 0 ? \"Position is based on last log report from vessel\" : `${toCapitalLetters(selectedVessel.vessel.name)}'s position ${relativeDateString(selectedVessel.latestPosition?.lastPositionUtc, { years: 10 })}`}\r\n                            key={'selected-vessel'}\r\n                            lat={selectedVesselPosition.lat}\r\n                            lng={selectedVesselPosition.lng}\r\n                            heading={selectedVessel.latestPosition?.speed != undefined && selectedVessel.latestPosition.speed < 1 ? selectedVessel.latestPosition.heading : selectedVessel.latestPosition?.course}\r\n                            vesselName={toCapitalLetters(selectedVessel.vessel.name)}\r\n                        />\r\n                    }\r\n                </Map>\r\n            </div>\r\n\r\n            <Logo id=\"company-logo\" url={app.currentCustomerRole.customer.logo} />\r\n\r\n            <TheShipLogo id=\"theship-logo\" style={{ display: autoplayActive ? \"block\" : \"none\" }}>\r\n                <img src=\"/img/logo/TheShipWithTextWhite.png\" />\r\n                <div className=\"txt\">\r\n                    Powered by\r\n                </div>\r\n            </TheShipLogo>\r\n\r\n            <FullScreenPanel id=\"vessel-sidebar-overlay\">\r\n                {!vesselLiveModels && loadingVessels ?\r\n                    <NoVessels>\r\n                        <AnimatedBars\r\n                            height=\"22px\"\r\n                            barWidth=\"5px\"\r\n                        />\r\n                        <div className=\"txt\">Loading vessels...</div>\r\n                    </NoVessels>\r\n                    :\r\n                    errorLoadingVessels || (!loadingVessels && !vesselLiveModels) ?\r\n                        <NoVessels>\r\n                            <div className=\"txt\">\r\n                                {errorLoadingVessels ? \"Vessels could not be fetched. Please try again later.\" : \"No vessels available\"}\r\n                            </div>\r\n                        </NoVessels>\r\n                        :\r\n                        <LiveVesselSidePanel vesselLiveModels={vesselLiveModels} />\r\n                }\r\n            </FullScreenPanel>\r\n\r\n            <LiveDescriptionModal isOpen={descriptionOpen} onDismiss={toggleDescriptionOpen} />\r\n\r\n        </Container>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IVessel } from '../interfaces/IVessel';\r\nimport { DateTime } from 'luxon';\r\nimport { IFuelEuVessel } from '../interfaces/IFuelEuInterfaces';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVessels\", vessels: IVessel[] }\r\n    | { type: \"setFrom\", from: Date }\r\n    | { type: \"setTo\", to: Date }\r\n    | { type: \"setYear\", year: number }\r\n    | { type: \"setFuelEuVessels\", fuelEuVessels: IFuelEuVessel[] }\r\n    | { type: \"setUsePooling\", usePooling: boolean };\r\n\r\ntype FuelEUState = {\r\n    from: Date\r\n    to: Date\r\n    vessels: IVessel[]\r\n    year: number\r\n    fuelEuVessels?: IFuelEuVessel[]\r\n    usePooling: boolean\r\n}\r\n\r\ninterface IReducers {\r\n    state: FuelEUState,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\n// Initial state is YTD\r\nconst initialState: any = {\r\n    filters: [],\r\n    vessels: [],\r\n    year: 2025,\r\n    from: DateTime.now().startOf('year').toJSDate(),\r\n    to: DateTime.now().endOf(\"day\").toJSDate(),\r\n    usePooling: true\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst useFuelEUMaritimeContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: FuelEUState, action: ReducerAction): FuelEUState => {\r\n    switch (action.type) {\r\n        case \"setFrom\":\r\n            return {\r\n                ...state,\r\n                from: action.from\r\n            };\r\n        case \"setTo\":\r\n            return {\r\n                ...state,\r\n                to: action.to\r\n            };\r\n        case \"setVessels\":\r\n            return {\r\n                ...state,\r\n                vessels: action.vessels\r\n            };\r\n            case \"setYear\":\r\n                return {\r\n                    ...state,\r\n                    year: action.year\r\n                }\r\n        case \"setFuelEuVessels\":\r\n            return {\r\n                ...state,\r\n                fuelEuVessels: action.fuelEuVessels\r\n            }\r\n            case \"setUsePooling\":\r\n            return {\r\n                ...state,\r\n                usePooling: action.usePooling\r\n            }\r\n    }\r\n}\r\n\r\nexport const FuelEUContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useFuelEUProvider = () => {\r\n    const { state, dispatch } = useFuelEUMaritimeContext();\r\n\r\n    return {\r\n        from: state.from,\r\n        to: state.to,\r\n        vessels: state.vessels,\r\n        year: state.year,\r\n        fuelEuVessels: state.fuelEuVessels,\r\n        usePooling: state.usePooling,\r\n\r\n        setFrom: (from: Date) => {\r\n            dispatch({\r\n                type: \"setFrom\",\r\n                from\r\n            })\r\n        },\r\n        setTo: (to: Date) => {\r\n            dispatch({\r\n                type: \"setTo\",\r\n                to\r\n            })\r\n        },\r\n        setVessels: (vessels: IVessel[]) => {\r\n            dispatch({\r\n                type: \"setVessels\",\r\n                vessels\r\n            })\r\n        },\r\n        setYear: (year: number) => {\r\n            dispatch({\r\n                type: \"setYear\",\r\n                year\r\n            })\r\n        },\r\n        setFuelEuVessels: (fuelEuVessels: IFuelEuVessel[]) => {\r\n            dispatch({\r\n                type: \"setFuelEuVessels\",\r\n                fuelEuVessels\r\n            })\r\n        },\r\n        setUsePooling: (usePooling: boolean) => {\r\n            dispatch({\r\n                type: \"setUsePooling\",\r\n                usePooling\r\n            })\r\n        }\r\n    };\r\n}","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IVessel } from \"../../interfaces/IVessel\";\r\nimport { IFuelEuFleet, IFuelEUMonthlyMetrics } from \"../../interfaces/IFuelEuInterfaces\";\r\n\r\nexport const useFuelEu = (from: Date, to: Date, vessels: IVessel[], year: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = `/dwh/fuelEu/monthly?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`;\r\n\r\n    if (vessels.length > 0) {\r\n        url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n    }\r\n\r\n    if (year) {\r\n        url += `&year=${year}`\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let fuelEuMetrics: IFuelEUMonthlyMetrics[] | undefined = data;\r\n\r\n    return { fuelEuMetrics, error, fetching, mutate };\r\n};\r\n\r\nexport const useFuelEuVessels = (from: Date, to: Date, vessels: IVessel[], year: number, usePooling?: boolean) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = `/dwh/fuelEu/vessels?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`;\r\n\r\n    if (vessels.length > 0) {\r\n        url += `&vesselIds=${vessels.map(_ => _.id).join(\",\")}`;\r\n    }\r\n\r\n    if (year) {\r\n        url += `&year=${year}`\r\n    }\r\n\r\n    if (usePooling != undefined) {\r\n        url += `&usePooling=${usePooling}`\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n    let fuelEuFleet: IFuelEuFleet | undefined = data;\r\n\r\n    return { fuelEuFleet, error, fetching, mutate };\r\n};","import React, { FC } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { YAxis, ResponsiveContainer, Area, AreaChart, Tooltip, XAxis } from 'recharts';\r\nimport { IConsumptionKpiChartData } from \"../FuelEuKpis\";\r\nimport { AnimatedBars } from \"../../../../../../blocks/animatedBars/AnimatedBars\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 0 14px;\r\n\r\n    .body {\r\n        border-radius: 8px;\r\n\r\n        .header {\r\n            padding: 0 2px;\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 10px;\r\n            font-family: Roboto;\r\n\r\n            .icon {\r\n                font-size: 24px;\r\n            }\r\n\r\n            .text {\r\n                white-space: nowrap;\r\n                overflow-x: hidden;\r\n                text-overflow: ellipsis;\r\n\r\n                >div {\r\n                    overflow-x: hidden;\r\n                    text-overflow: ellipsis;\r\n                }\r\n\r\n                >div:first-child {\r\n                    font-weight: 900;\r\n                    font-size: 13px;\r\n                }\r\n\r\n                >div:last-child {\r\n                    font-size: 11px;\r\n                    color: #aaa;\r\n                    letter-spacing: .5px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .highligthed {\r\n            padding: 8px 2px;\r\n            font-family: Roboto;\r\n            font-size: 24px;\r\n            font-weight: 400;\r\n            color: #333;\r\n            white-space: nowrap;\r\n            overflow-x: hidden;\r\n            text-overflow: ellipsis;\r\n        }\r\n\r\n        .chart {\r\n            margin: 0 4px;\r\n            height: 30px;\r\n            border-radius: 10px;\r\n        }\r\n    }\r\n\r\n    .loading {\r\n        height: 73px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n`;\r\n\r\nconst CustomTooltip = styled.div`\r\n    background-color: rgb(0, 0, 0, .55);\r\n    border-radius: 4px;\r\n    padding: 6px 10px;\r\n    font-family: Roboto;\r\n    color: white;\r\n\r\n    .tt-header {\r\n        font-weight: 700;\r\n        font-size: 12px;\r\n        padding-bottom: 2px;\r\n    }\r\n\r\n    .tt-payload {\r\n        font-size: 14px;   \r\n    }\r\n\r\n`;\r\n//#endregion \r\n\r\nexport const FuelEuKpi: FC<{ icon: JSX.Element, title: string, description: string, measurement?: string, chartData?: IConsumptionKpiChartData }> = ({ icon, title, description, measurement, chartData }) => {\r\n    return (\r\n        <Container>\r\n            <div className=\"body\">\r\n                <div className=\"header\">\r\n                    <div className=\"icon\">\r\n                        {icon}\r\n                    </div>\r\n                    <div className=\"text\">\r\n                        <div>\r\n                            {title}\r\n                        </div>\r\n                        <div>\r\n                            {description}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {chartData\r\n                    ?\r\n                    <>\r\n                        <div className=\"highligthed\">\r\n                            {chartData?.total.toLocaleString(undefined, { maximumFractionDigits: 2 })} {measurement?.replace(/\\d/, (m: any) => '₀₁₂₃₄₅₆₇₈₉'[m])}\r\n                        </div>\r\n                        <div className=\"chart\">\r\n                            <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                                <AreaChart\r\n                                    data={chartData.chartData}\r\n                                    margin={{\r\n                                        top: 2,\r\n                                        left: 0,\r\n                                        right: 0,\r\n                                        bottom: 1\r\n                                    }}\r\n                                >\r\n                                    <YAxis\r\n                                        // type=\"number\" domain={[0, 5000]}\r\n                                        hide={true}\r\n                                    />\r\n                                    <XAxis\r\n                                        dataKey=\"name\"\r\n                                        hide={true}\r\n                                    />\r\n                                    <Tooltip\r\n                                        content={_ => {\r\n                                            return (\r\n                                                <CustomTooltip>\r\n                                                    <div className=\"tt-header\">\r\n                                                        {_.label}\r\n                                                    </div>\r\n                                                    <div className=\"tt-payload\">\r\n                                                        {_.payload && _.payload.length > 0 &&\r\n                                                            <span>\r\n                                                                {Number(_.payload[0].value).toLocaleString(undefined, { maximumFractionDigits: 0 })} {measurement}\r\n                                                            </span>\r\n                                                        }\r\n                                                    </div>\r\n                                                </CustomTooltip>\r\n                                            );\r\n                                        }}\r\n                                    />\r\n                                    <Area\r\n                                        type=\"monotone\"\r\n                                        dataKey=\"value\"\r\n                                        stroke=\"#5A8EFB\"\r\n                                        strokeWidth={2}\r\n                                        fill=\"#EBF3FE\"\r\n                                        animationDuration={500}\r\n                                    />\r\n                                </AreaChart>\r\n                            </ResponsiveContainer>\r\n                        </div>\r\n                    </>\r\n                    :\r\n                    <div className=\"loading\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            altBarColor=\"#ddd\"\r\n                            barColor=\"#aaa\"\r\n                            barWidth=\"4px\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useFuelEUProvider } from \"../../../../../contextHooks/FuelEuMaritimeContext\";\r\nimport { faBank, faBullseye, faCalculator, faDroplet, faEuroSign, faGaugeSimpleHigh, faGaugeSimpleMed } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useFuelEuVessels } from \"../../../../../api/hooks/useFuelEu\";\r\nimport { FuelEuKpi } from \"./modules/FuelEuKpi\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: white;\r\n    padding: 30px 14px 0px;\r\n    display: grid;\r\n    grid-template-columns: repeat(6, 1fr);\r\n`;\r\n//#endregion \r\n\r\nexport interface IConsumptionKpiChartData {\r\n    total: number,\r\n    chartData: {\r\n        name: string,\r\n        value: number\r\n    }[]\r\n}\r\n\r\nexport const FuelEuKpis = () => {\r\n    const { from, to, vessels, year, usePooling } = useFuelEUProvider();\r\n    const { fuelEuFleet } = useFuelEuVessels(from, to, vessels, year, usePooling);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const [consumption, setConsumption] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [targetGHG, setTargetGHG] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [actualGHG, setActualGHG] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [complianceBalance, setComplianceBalance] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [fuelEUPenalty, setFuelEUPenalty] = useState<IConsumptionKpiChartData | undefined>();\r\n    const [deficit, setDeficit] = useState<boolean | undefined>();\r\n    const [availableForBanking, setAvailableForBanking] = useState<IConsumptionKpiChartData | undefined>();\r\n\r\n\r\n    const createChartData = () => {\r\n        // Set GHG target\r\n        setTargetGHG({chartData: [], total: fuelEuFleet!.ghgTarget ?? 0});\r\n\r\n        // Set actual GHG\r\n        setActualGHG({chartData: [], total: fuelEuFleet!.fleetTotalAverageGhg ?? 0});\r\n\r\n        // Set consumption total\r\n        setConsumption({chartData: [], total: fuelEuFleet!.fleetConsumed ?? 0});\r\n        setComplianceBalance({chartData: [], total: fuelEuFleet!.fleetComplianceBalance / 1000000});\r\n        setFuelEUPenalty({chartData: [], total: (fuelEuFleet!.fleetFuelEuPenaltyAfterPooling != undefined ? fuelEuFleet?.fleetFuelEuPenaltyAfterPooling : fuelEuFleet!.fleetFuelEuPenalty) ?? 0});\r\n        setDeficit(fuelEuFleet!.fleetComplianceBalance != undefined && fuelEuFleet!.fleetComplianceBalance < 0)\r\n        setAvailableForBanking({chartData: [], total: (fuelEuFleet!.bankedSurplus / 1000000)});\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fuelEuFleet) {\r\n            createChartData();\r\n        }\r\n    }, [fuelEuFleet])\r\n\r\n    return (\r\n        <Container>\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={faDroplet} />}\r\n                title=\"Consumed\"\r\n                description=\"Total EU consumption in period\"\r\n                chartData={{chartData: [], total: Number.parseFloat(consumption?.total.toFixed(0) ?? '')}}\r\n                measurement=\"mt\"\r\n            />\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={faBullseye} style={{ color: \"black\" }} />}\r\n                title=\"GHG target\"\r\n                description=\"GHG target for FuelEU period\"\r\n                chartData={targetGHG}\r\n                measurement=\"gCO2eq/MJ\"\r\n            />\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={deficit ? faGaugeSimpleHigh : faGaugeSimpleMed} style={{ color: deficit ? \"#ff6161\" : 'rgb(54, 161, 54)' }} />}\r\n                title=\"GHG intensity\"\r\n                description=\"Pooled GHG intensity in period\"\r\n                chartData={actualGHG}\r\n                measurement=\"gCO2eq/MJ\"\r\n            />\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={faCalculator} style={{ color: \"black\" }} />}\r\n                title=\"Compliance balance\"\r\n                description=\"Target minus actual emissions\"\r\n                chartData={{chartData: [], total: Number.parseFloat(complianceBalance?.total.toFixed(2) ?? '')}}\r\n                measurement=\"mt CO2eq\"\r\n            />\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={faBank} style={{ color: \"rgb(54, 161, 54)\" }} />}\r\n                title=\"Bank\"\r\n                description=\"Unused compliance surplus\"\r\n                chartData={{chartData: [], total: Number.parseFloat(availableForBanking?.total.toFixed(2) ?? '')}}\r\n                measurement=\"mt CO2eq\"\r\n            />\r\n            <FuelEuKpi\r\n                icon={<FontAwesomeIcon icon={faEuroSign} style={{ color: \"#dab319\" }} />}\r\n                title=\"FuelEU penalty\"\r\n                description=\"Penalty for period\"\r\n                chartData={{chartData: [], total: Number.parseFloat(fuelEUPenalty?.total.toFixed(0) ?? '')}}\r\n                measurement=\"Euros\"\r\n            />\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { CartesianGrid, XAxis, YAxis, Tooltip, ResponsiveContainer, Legend, Bar, ComposedChart, Area } from 'recharts';\r\nimport { useAppContext } from \"../../../../globalHooks/useStores\";\r\nimport { ReChartsTooltip } from \"../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { ReChartsLegend } from \"../../../../blocks/reCharts/ReChartsLegend\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChartColumn } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AnimatedBars } from \"../../../../blocks/animatedBars/AnimatedBars\";\r\nimport { useFuelEUProvider } from \"../../../../contextHooks/FuelEuMaritimeContext\";\r\nimport { useFuelEu } from \"../../../../api/hooks/useFuelEu\";\r\nimport { IFuelEUMonthlyMetrics } from \"../../../../interfaces/IFuelEuInterfaces\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n    background-color: white;\r\n    border-top: 1px dashed #aaa;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 10px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n        font-size: 20px;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .loading {\r\n        display: flex;\r\n        height: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IChartData {\r\n    data: any[],\r\n    keys: IChartValue[]\r\n}\r\n\r\ninterface IChartValue {\r\n    key: string,\r\n    color: string,\r\n    stackId: string,\r\n    yAxisId: string\r\n}\r\n\r\nexport const ConsumptionBreakdown = () => {\r\n    const { app } = useAppContext();\r\n    const { from, to, vessels, year } = useFuelEUProvider();\r\n    const { fuelEuMetrics } = useFuelEu(from, to, vessels, year);\r\n    const [chartData, setChartData] = useState<IChartData | undefined>();\r\n\r\n    const colors: string[] = [\r\n        \"#1b2431\",\r\n        \"#476083\",\r\n        \"#698ec3\",\r\n        \"#8dbcff\",\r\n        \"#8fa1bb\",\r\n        \"#a9adb3\"\r\n    ];\r\n\r\n    const createChartData = (metrics: IFuelEUMonthlyMetrics[]) => {\r\n        let formattedData: any[] = [];\r\n        let bars: IChartValue[] = [];\r\n\r\n        if (metrics && metrics.length > 0)\r\n        {\r\n            metrics.forEach(cData => {\r\n                let chartEntry: any = {\r\n                    name: cData.name\r\n                };\r\n\r\n                if (cData.fuelTotals && cData.fuelTotals.length > 0){\r\n                    cData.fuelTotals.forEach(ft => {\r\n                        chartEntry[ft.fuel.name] = ft.total;\r\n        \r\n                        // Add bar\r\n                        let fuelTypeBar = bars.find(_ => _.key === ft.fuel.name);\r\n        \r\n                        if (!fuelTypeBar) {\r\n                            bars.push({\r\n                                color: bars.length <= colors.length ? colors[bars.length] : \"green\",\r\n                                key: ft.fuel.name,\r\n                                stackId: \"a\",\r\n                                yAxisId: \"left\"\r\n                            })\r\n                        }\r\n                    });\r\n        \r\n                    // Add data to array\r\n                    formattedData.push(chartEntry);\r\n                }\r\n            });\r\n\r\n            setChartData({\r\n                data: formattedData,\r\n                keys: bars\r\n            });\r\n        }\r\n        else \r\n        {\r\n            setChartData({\r\n                data: [], \r\n                keys: []\r\n            });\r\n        }\r\n\r\n        \r\n    }\r\n\r\n    useEffect(() => {\r\n        if (fuelEuMetrics) {\r\n            createChartData(fuelEuMetrics);\r\n        }\r\n    }, [fuelEuMetrics])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faChartColumn} />\r\n                </div>\r\n                <div>\r\n                    Fuel consumption\r\n                </div>\r\n            </div>\r\n            <div style={{ width: \"100%\", height: \"200px\", fontSize: \"12px\" }}>\r\n                {chartData\r\n                    ?\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <ComposedChart\r\n                            data={chartData?.data}\r\n                            margin={{\r\n                                // top: 30,\r\n                                // right: 10,\r\n                                // left: -5,\r\n                                // bottom: 25,\r\n                            }}\r\n                            barSize={20}\r\n                        >\r\n                            <CartesianGrid strokeDasharray=\"2 2\" />\r\n                            <XAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                dataKey=\"name\"\r\n                                scale=\"point\"\r\n                                padding={{ left: 10, right: 10 }}\r\n                            />\r\n                            <YAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                yAxisId=\"left\"\r\n                                width={75}\r\n                                tickFormatter={_ => {\r\n                                    return _.toLocaleString() + \" MT\";\r\n                                }}\r\n                            />\r\n                            <Tooltip\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsTooltip>\r\n                                            <div className=\"tt-header\">\r\n                                                {_.label}\r\n                                            </div>\r\n                                            <div className=\"tt-payload\">\r\n                                                {_.payload?.map(p => {\r\n                                                    return (\r\n                                                        <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                            <div>\r\n                                                                {p.name}\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                {p.value?.toLocaleString()} {p.name?.toString().toLowerCase() === \"distance\" ? \"NM\" : \"MT\"}\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    );\r\n                                                })}\r\n                                            </div>\r\n                                        </ReChartsTooltip>\r\n                                    );\r\n                                }}\r\n                            />\r\n                            <Legend\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsLegend>\r\n                                            {_.payload?.map(p => {\r\n                                                return (\r\n                                                    <div key={`Legend_${p.value}`}>\r\n                                                        <div style={{ backgroundColor: p.color, height: p.type === \"line\" ? \"2px\" : undefined }} />\r\n                                                        <div>\r\n                                                            {p.value}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                        </ReChartsLegend>\r\n                                    );\r\n                                }}\r\n                            />\r\n\r\n                            {/* Fuel */}\r\n                            {chartData?.keys.map(_ => {\r\n                                return (\r\n                                    <Bar\r\n                                        cursor=\"pointer\"\r\n                                        key={`Bar_${_.key}`}\r\n                                        dataKey={_.key}\r\n                                        stackId={_.stackId}\r\n                                        fill={_.color}\r\n                                        yAxisId={_.yAxisId}\r\n                                        // onClick={handleBarClick}\r\n                                        animationDuration={500}\r\n                                    />\r\n                                );\r\n                            })}\r\n\r\n                        </ComposedChart>\r\n                    </ResponsiveContainer>\r\n                    :\r\n                    <div className=\"loading\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            altBarColor=\"#ddd\"\r\n                            barColor=\"#aaa\"\r\n                            barWidth=\"4px\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useFuelEUProvider } from \"../../../../contextHooks/FuelEuMaritimeContext\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useFuelEu, useFuelEuVessels } from \"../../../../api/hooks/useFuelEu\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRightLong, faCheck, faChevronDown, faChevronUp, faDroplet, faFire, faLeaf, faShip, faSliders } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useMediaQuery } from \"../../../../hooks/useMediaQuery\";\r\nimport { ProgressBar } from \"../../../progressBar/ProgressBar\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { IFuelTotalFuelEu } from \"../../../../interfaces/IMonthlyAggregate\";\r\nimport { IVessel } from \"../../../../interfaces/IVessel\";\r\nimport { IFuelEuVessel } from \"../../../../interfaces/IFuelEuInterfaces\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #aaa;\r\n    background-color: white;\r\n    box-shadow: 0 10px 10px rgb(0, 0, 0, 0.05) inset;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n\r\n        .title {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            padding: 30px 0 5px 30px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .chevron {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            padding: 0 10px 1px;\r\n\r\n            >div {\r\n                display: flex;\r\n                width: 100%;\r\n                padding: 10px 20px;\r\n                border-radius: 4px;\r\n\r\n                :hover {\r\n                    cursor: pointer;\r\n                    background-color: #f1f1f1;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .changed-after-pooling {\r\n        /* text-decoration: line-through; */\r\n        color: #aaa;\r\n    }\r\n`;\r\n\r\nconst LoadMore = styled.div<{ disabled: boolean }>`\r\n    border-top: 1px solid #eee;\r\n    text-align: center;\r\n    padding: 14px 0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border-radius:  0 0 4px 4px;\r\n    position: relative;\r\n    color: #4177bf;\r\n\r\n\r\n    >div {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 20px;\r\n    }\r\n    \r\n    ${_ => _.disabled\r\n        ? css`\r\n            color: #bbb;\r\n            cursor: default;\r\n        `\r\n        : css`\r\n            cursor: pointer;\r\n            :hover {\r\n                background-color: #f8f8f8;\r\n                color: #4177bf;\r\n            }\r\n        `\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FuelEuVessels = () => {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const { from, to, vessels, year, fuelEuVessels, usePooling, setFuelEuVessels } = useFuelEUProvider();\r\n    const { fuelEuFleet, fetching } = useFuelEuVessels(from, to, vessels, year, usePooling);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const history = useNavigate();\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Vessel\",\r\n            render: (data: IFuelEuVessel) => {\r\n                return toCapitalLetters(data.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"Wind reward %\",\r\n            textAlign: \"right\",\r\n            exclude: (!fuelEuFleet?.fuelEuVessels.some(_ => _.vessel.settings?.windAssistedPropulsionRewardFactor && _.vessel.settings.windAssistedPropulsionRewardFactor != 1)),\r\n            render: (data: IFuelEuVessel) => {\r\n                return data.vessel.settings?.windAssistedPropulsionRewardFactor ? ((1 - data.vessel.settings?.windAssistedPropulsionRewardFactor) * 100).toFixed(0) + ' %' : '0 %';\r\n            }\r\n        },\r\n        {\r\n            key: \"Electricity kWh\",\r\n            title: \"Electricity kWh\",\r\n            textAlign: \"right\",\r\n            exclude: (!fuelEuFleet?.fuelEuVessels.some(_ => _.electricityReceived)),\r\n            render: (data: IFuelEuVessel) => {\r\n                return data.electricityReceived ? data.electricityReceived.toLocaleString(undefined, {maximumFractionDigits: 2}) : (0).toLocaleString(undefined, {maximumFractionDigits: 2});\r\n            }\r\n        },\r\n        {\r\n            key: \"Consumed\",\r\n            textAlign: \"right\",\r\n            render: (data: IFuelEuVessel) => {\r\n                return data.totalConsumed.toLocaleString(undefined, {maximumFractionDigits: 2});\r\n            }\r\n        },\r\n        {\r\n            key: \"GHG intensity\",\r\n            textAlign: \"right\",\r\n            render: (data: IFuelEuVessel) => {\r\n                return data.ghgIntensity.toFixed(2);\r\n            }\r\n        },\r\n        {\r\n            key: \"Compliance balance\",\r\n            textAlign: \"right\",\r\n            render: (data: IFuelEuVessel) => {\r\n                if ((data.newComplianceBalance || data.newComplianceBalance == 0) && data.newComplianceBalance != data.complianceBalance) \r\n                {\r\n                    return (\r\n                    <div className=\"changed-after-pooling\"> {(data.complianceBalance / 1000000).toLocaleString(undefined, { maximumFractionDigits: 2 })} </div>\r\n                    )\r\n                }\r\n                else \r\n                {\r\n                    return (data.complianceBalance / 1000000).toLocaleString(undefined, { maximumFractionDigits: 2 });\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"Penalty\",\r\n            textAlign: \"right\",\r\n            render: (data: IFuelEuVessel) => {\r\n                if ((data.newFuelEuPenalty || data.newFuelEuPenalty == 0) && data.newFuelEuPenalty != data.fuelEuPenalty) \r\n                {\r\n                    return (\r\n                        <div className=\"changed-after-pooling\">€  {data.fuelEuPenalty.toLocaleString(undefined, { maximumFractionDigits: 0 })} </div>\r\n                    )\r\n                }\r\n                else \r\n                {\r\n                    return '€ ' + data.fuelEuPenalty.toLocaleString(undefined, { maximumFractionDigits: 1 })\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"New compliance balance\",\r\n            textAlign: \"right\",\r\n            exclude: !fuelEuFleet?.fuelEuVessels.some(_ => _.newComplianceBalance != undefined),\r\n            render: (data: IFuelEuVessel) => {\r\n                return ((data.newComplianceBalance ?? data.complianceBalance) / 1000000).toLocaleString(undefined, { maximumFractionDigits: 2 });\r\n            }\r\n        },\r\n        \r\n        {\r\n            key: \"New penalty\",\r\n            textAlign: \"right\",\r\n            exclude: !fuelEuFleet?.fuelEuVessels.some(_ => _.newFuelEuPenalty != undefined),\r\n            render: (data: IFuelEuVessel) => {\r\n                    return '€ ' + (data.newFuelEuPenalty ?? data.fuelEuPenalty).toLocaleString(undefined, { maximumFractionDigits: 1 })\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        if (!fetching && fuelEuFleet) {\r\n            setFuelEuVessels(fuelEuFleet.fuelEuVessels);\r\n        }\r\n    }, [fetching, fuelEuFleet])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div className=\"title\">\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faShip} />\r\n                    </div>\r\n                    <div>\r\n                        Vessels breakdown\r\n                    </div>\r\n                </div>\r\n                { fuelEuFleet && fuelEuFleet.fuelEuVessels && fuelEuFleet.fuelEuVessels.length > 5 &&\r\n                <div className=\"chevron\">\r\n                    <div onClick={() => setExpanded(!expanded)}>\r\n                        <FontAwesomeIcon\r\n                            title={expanded ? \"Collapse\" : \"Expand\"}\r\n                            icon={expanded ? faChevronUp : faChevronDown}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                }\r\n            </div>\r\n            <div>\r\n                <AppGridTableNew\r\n                    columns={columns}\r\n                    loading={fetching && (!fuelEuFleet || !fuelEuFleet.fuelEuVessels)}\r\n                    emptyMessage=\"No FuelEU vessel consumption matches the search.\"\r\n                    data={expanded ? fuelEuFleet?.fuelEuVessels : fuelEuFleet?.fuelEuVessels?.slice(0, 10)}\r\n                />\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useFuelEUProvider } from \"../../../../../contextHooks/FuelEuMaritimeContext\";\r\nimport { useVessels } from \"../../../../../api/hooks/useVessels\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IVessel } from \"../../../../../interfaces/IVessel\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .filter-selected-vessels {\r\n        display: flex;\r\n        margin: 5px -6px 0;\r\n\r\n        >div {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            margin: 10px 7px;\r\n            font-size: 14px;\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            >div {\r\n                position: absolute;\r\n                top: -5px;\r\n                right: -7px;\r\n                background-color: #e3f0ff;\r\n                color: #333;\r\n                width: 15px;\r\n                height: 15px;\r\n                border-radius: 50%;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 12px;\r\n                box-shadow: 0 0 2px #333;\r\n                display: none;\r\n            }\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n\r\n                >div {\r\n                    display: flex;\r\n                }\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FuelEUFilterVessels = () => {\r\n    const { setVessels: setSelectedVessels, vessels: selectedVessels } = useFuelEUProvider();\r\n    const { vessels } = useVessels(false, false);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    const updateVessels = (vessel: IVessel, add: boolean) => {\r\n        let _selectedVessels = selectedVessels.filter(_ => _.id !== vessel.id);\r\n        if (add) {\r\n            _selectedVessels.push(vessel);\r\n        }\r\n        setSelectedVessels(_selectedVessels);\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Dropdown\r\n                multiSelect\r\n                placeholder=\"Select vessels\"\r\n                selectedKeys={selectedVessels.map(_ => _.id)}\r\n                styles={{\r\n                    title: {\r\n                        borderRadius: \"4px\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    },\r\n                    dropdown: {\r\n                        \":after\": {\r\n                            border: \"none !important\"\r\n                        }\r\n                    }\r\n                }}\r\n                options={vessels ? vessels.map(_ => {\r\n                    return {\r\n                        key: _.id,\r\n                        text: toCapitalLetters(_.name)\r\n                    }\r\n                }) : []}\r\n                onChange={(ev, item) => {\r\n                    if (item) {\r\n                        let _selectedVessel = vessels?.find(_ => _.id === item.key);\r\n                        if (_selectedVessel) {\r\n                            updateVessels(_selectedVessel, item.selected ? true : false);\r\n                        }\r\n                    }\r\n                }}\r\n            />\r\n            <div className=\"filter-selected-vessels\">\r\n                {selectedVessels.map(v => {\r\n                    return (\r\n                        <div key={`SelectedVessel_${v.id}`} title=\"Click to remove\" onClick={() => updateVessels(v, false)}>\r\n                            {toCapitalLetters(v.name)}\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faTimes} />\r\n                            </div>\r\n                        </div>\r\n                    );\r\n                })}\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, DatePicker, Dropdown, IDatePickerStyles } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useFuelEUProvider } from \"../../../../../contextHooks/FuelEuMaritimeContext\";\r\nimport { FuelEUFilterVessels } from \"./FuelEUFilterVessels\";\r\nimport { DateTime } from \"luxon\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n\r\n    .filter-header {\r\n        padding: 20px 0 10px 0;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        font-family: Roboto;\r\n    }\r\n\r\n    .filter-header:first-of-type {\r\n        padding: 0 0 10px 0;\r\n    }\r\n\r\n    .filter-fixed-periods {\r\n        display: flex;\r\n        margin: 4px -6px 16px;\r\n\r\n        >div {\r\n            background-color: #EBF3FE;\r\n            border: 1px solid #5A8EFB;\r\n            color: #444;\r\n            margin: 0 5px;\r\n            font-size: 12px;\r\n            letter-spacing: .5px;\r\n            font-weight: 700;\r\n            font-family: Roboto;\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n                background-color: #ccc;\r\n            }\r\n        }\r\n    }\r\n\r\n    .filter-dates {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FuelEUFilters = () => {\r\n    const { from, to, year, usePooling, setFrom, setTo, setYear, setUsePooling } = useFuelEUProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const FuelEuPeriods = [\r\n        {\r\n            text: \"2025 - 2029\",\r\n            key: 2025\r\n        },\r\n        {\r\n            text: \"2030 - 2034\",\r\n            key: 2030\r\n        },\r\n        {\r\n            text: \"2035 - 2039\",\r\n            key: 2035\r\n        },\r\n        {\r\n            text: \"2040 - 2044\",\r\n            key: 2040\r\n        },\r\n        {\r\n            text: \"2045 - 2049\",\r\n            key: 2045\r\n        },\r\n        {\r\n            text: \"2050 +\",\r\n            key: 2050\r\n        },\r\n    ]\r\n\r\n    const datePickerStyle: IDatePickerStyles = {\r\n        root: {\r\n            borderColor: \"transparent\",\r\n            \"& .ms-TextField-fieldGroup\": {\r\n                borderRadius: \"4px\",\r\n\r\n                \":after\": {\r\n                    border: \"none\"\r\n                }\r\n            }\r\n        },\r\n        textField: undefined,\r\n        callout: undefined,\r\n        icon: undefined\r\n    }\r\n\r\n    const setPeriod = (_from: Date, _to: Date) => {\r\n        setFrom(_from);\r\n        setTo(_to);\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"filter-header\">\r\n                FuelEU target period\r\n            </div>\r\n            <Dropdown\r\n                placeholder=\"Select target period\"\r\n                selectedKey={year}\r\n                styles={{\r\n                    title: {\r\n                        borderRadius: \"4px\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    },\r\n                    dropdown: {\r\n                        \":after\": {\r\n                            border: \"none !important\"\r\n                        }\r\n                    }\r\n                }}\r\n                options={FuelEuPeriods}\r\n                onChange={(ev, item) => {\r\n                    if (item) {\r\n                        setYear(Number(item.key))\r\n                    }\r\n                }}\r\n            />\r\n\r\n            <div className=\"filter-header\">\r\n                Pooling\r\n            </div>\r\n            <Checkbox\r\n                label=\"Use pooling\"\r\n                checked={usePooling}\r\n                onChange={(ev, checked) => {\r\n                    setUsePooling(checked === true);\r\n                }}\r\n            />\r\n\r\n            <div className=\"filter-header\">\r\n                Period\r\n            </div>\r\n            <div className=\"filter-fixed-periods\">\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ months: -1 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>1 month</div>\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ years: -1 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>1 year</div>\r\n                <div onClick={() => setPeriod(DateTime.now().plus({ years: -3 }).startOf(\"day\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>3 years</div>\r\n                <div onClick={() => setPeriod(DateTime.now().startOf(\"year\").toJSDate(), DateTime.now().endOf(\"day\").toJSDate())}>YTD</div>\r\n            </div>\r\n            <div className=\"filter-dates\">\r\n                <DatePicker\r\n                    value={from}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setFrom(makeDateObject(_).startOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n                <DatePicker\r\n                    value={to}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setTo(makeDateObject(_).endOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n            <div className=\"filter-header\">\r\n                Vessels\r\n            </div>\r\n            <FuelEUFilterVessels />\r\n\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { FuelEuKpis } from \"./modules/Kpi/FuelEuKpis\";\r\nimport { ConsumptionBreakdown } from \"./modules/ConsumptionBreakdown\";\r\nimport { FuelEuVessels } from \"./modules/Vessels\";\r\nimport { FuelEUFilters } from \"./modules/Filter/FuelEUFilters\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: auto 315px;\r\n\r\n    .left {\r\n        .two-columns {\r\n            display: grid;\r\n        }\r\n    }\r\n\r\n    .right {\r\n        border-left: 1px solid #ddd;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const FuelEU = () => {\r\n\r\n    return (\r\n        <>\r\n            <ContentPage progressbar={false}>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"fuelEU\",\r\n                                title: \"Fuel EU Maritime\",\r\n                                url: \"/fuelEU/fuelEUMaritime\"\r\n                            }\r\n                        ]}\r\n                    />\r\n                </ContentPageHeader>\r\n                <ContentPageBody\r\n                >\r\n                    <Body>\r\n                        <div className=\"left\">\r\n                            <FuelEuKpis />\r\n                            <ConsumptionBreakdown />\r\n                            <FuelEuVessels />\r\n                        </div>\r\n                        <div className=\"right\">\r\n                            <FuelEUFilters />\r\n                        </div>\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </ContentPage >\r\n            {/* <ConsumptionLegPanel />\r\n            <ConsumptionPortCallPanel /> */}\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { Routes, Route } from \"react-router-dom\";\r\nimport { FuelEUContextProvider } from \"../../contextHooks/FuelEuMaritimeContext\";\r\nimport { FuelEU } from \"./fuelEU/FuelEU\";\r\n\r\nexport const FuelEUMaritime = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"/fuelEU?/:detailType?/:detailId\" element={\r\n                <FuelEUContextProvider>\r\n                    <FuelEU />\r\n                </FuelEUContextProvider>\r\n            } />\r\n        </Routes>\r\n    );\r\n};","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { ITankTransfer } from '../interfaces/ITankTransfer';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setTankTransferReport\", tankTransferReport: ITankTransfer };\r\n\r\ntype ContextData = {\r\n    tankTransferReport?: ITankTransfer\r\n}\r\n\r\ninterface IReducers {\r\n    state: ContextData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {};\r\n\r\nconst Context = createContext(initialState);\r\n\r\nconst useTankTransferReportContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ContextData, action: ReducerAction): ContextData => {\r\n    switch (action.type) {\r\n        case \"setTankTransferReport\":\r\n            return {\r\n                ...state,\r\n                tankTransferReport: action.tankTransferReport\r\n            };\r\n    }\r\n}\r\n\r\nexport const TankTransferReportContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useTankTransferReportProvider = () => {\r\n    const { state, dispatch } = useTankTransferReportContext();\r\n\r\n    return {\r\n        tankTransferReport: state.tankTransferReport,\r\n\r\n        setTankTransferReport: (tankTransferReport: ITankTransfer) => {\r\n            dispatch({\r\n                type: \"setTankTransferReport\",\r\n                tankTransferReport\r\n            })\r\n        }\r\n    };\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { CardValueAndTitle } from \"../../../../blocks/card/CardValueAndTitle\";\r\nimport { DateString } from \"../../../../blocks/dateString/DateString\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { useTankTransferReportProvider } from \"../../../../contextHooks/TankTransferReportContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 15px 10px;\r\n    font-size: 14px;\r\n\r\n    >div {\r\n        margin: 8px 20px;\r\n    }\r\n\r\n    .tank-desc {\r\n        padding-left: 5px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const TankTransferHeader = () => {\r\n    const { tankTransferReport } = useTankTransferReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const tz = resolveTimeZone();\r\n\r\n    if (!tankTransferReport) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Details\">\r\n            <Body>\r\n                <CardValueAndTitle\r\n                    title=\"Commenced\"\r\n                    value={<span><DateString date={tankTransferReport.commenced} timeZone={tz} /></span>}\r\n                />\r\n                <CardValueAndTitle\r\n                    title=\"Completed\"\r\n                    value={<span><DateString date={tankTransferReport.completed} timeZone={tz} /></span>}\r\n                />\r\n                <CardValueAndTitle\r\n                    title=\"Vessel\"\r\n                    value={toCapitalLetters(tankTransferReport.vessel.name)}\r\n                />\r\n                <CardValueAndTitle\r\n                    title=\"From tank\"\r\n                    value={\r\n                        <>\r\n                            <span>\r\n                                {tankTransferReport.fromTank.name}\r\n                            </span>\r\n                            {tankTransferReport.fromTank.description &&\r\n                                <span className=\"tank-desc\">\r\n                                    {tankTransferReport.fromTank.description}\r\n                                </span>\r\n                            }\r\n                        </>\r\n                    }\r\n                />\r\n                <CardValueAndTitle\r\n                    title=\"To tank\"\r\n                    value={\r\n                        <>\r\n                            <span>\r\n                                {tankTransferReport.toTank.name}\r\n                            </span>\r\n                            {tankTransferReport.toTank.description &&\r\n                                <span className=\"tank-desc\">\r\n                                    {tankTransferReport.toTank.description}\r\n                                </span>\r\n                            }\r\n                        </>\r\n                    }\r\n                />\r\n                <CardValueAndTitle\r\n                    title=\"Quantity\"\r\n                    value={`${tankTransferReport.quantity.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT`}\r\n                />\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Card } from \"../../../../blocks/card/Card\";\r\nimport { useTankTransferReportProvider } from \"../../../../contextHooks/TankTransferReportContext\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 20px 30px;\r\n    font-size: 14px;\r\n`;\r\n\r\n//#endregion \r\n\r\nexport const TankTransferComment = () => {\r\n    const { tankTransferReport } = useTankTransferReportProvider();\r\n\r\n    if (!tankTransferReport?.comment) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Card title=\"Comment\">\r\n            <Body>\r\n                {tankTransferReport.comment}\r\n            </Body>\r\n        </Card>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowLeft, faExternalLinkSquare } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { ContentPageTitle } from \"../../../blocks/contentPage/ContentPageTitle\";\r\nimport { OpenInAppMenuItem } from \"../../../blocks/openInApMenuItem/OpenInAppMenuItem\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useTankTransfer } from \"../../../api/hooks/useTankTransfer\";\r\nimport { useTankTransferReportProvider } from \"../../../contextHooks/TankTransferReportContext\";\r\nimport { useRest } from \"../../../hooks/useRest\";\r\nimport { LoadingSpinner } from \"../../loading/LoadingSpinner\";\r\nimport { TankTransferHeader } from \"./modules/TankTransferHeader\";\r\nimport { TankTransferComment } from \"./modules/TankTransferComment\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 0 30px 30px;\r\n    display: grid;\r\n    grid-gap: 30px;\r\n`;\r\n//#endregion \r\n\r\nexport const TankTransfer = () => {\r\n    const { id } = useParams<{ id: any }>();\r\n    const { tankTransfer: apiTankTransfer, error } = useTankTransfer(id);\r\n    const { tankTransferReport, setTankTransferReport } = useTankTransferReportProvider();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getError } = useRest();\r\n    const [errorMessage, setErrorMessage] = useState<string | undefined>();\r\n    const history = useNavigate();\r\n\r\n    useEffect(() => {\r\n        if (apiTankTransfer) {\r\n            setTankTransferReport(apiTankTransfer)\r\n        }\r\n    }, [apiTankTransfer]);\r\n\r\n    useEffect(() => {\r\n        if (error) {\r\n            getError(error)\r\n                .then(_ => {\r\n                    setErrorMessage(_);\r\n                });\r\n        }\r\n    }, [error])\r\n\r\n    if (errorMessage) {\r\n        return (\r\n            <LoadingSpinner text={errorMessage} hideSpinner={true} />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <ContentPage working={!tankTransferReport}>\r\n            {tankTransferReport &&\r\n                <div>\r\n                    <ContentPageHeader\r\n                        actions={[\r\n                            {\r\n                                title: \"Back\",\r\n                                icon: <FontAwesomeIcon icon={faArrowLeft} />,\r\n                                onClick: () => history(-1)\r\n                            },\r\n                            {\r\n                                icon: <FontAwesomeIcon icon={faExternalLinkSquare} />,\r\n                                title: \"Open tank transfer in app\",\r\n                                render: () => {\r\n                                    return <OpenInAppMenuItem key=\"OpenInApp\" appLink={`/reports/tt/${tankTransferReport.id}`} vesselId={tankTransferReport.vessel.id} />\r\n                                }\r\n                            }\r\n                        ]}\r\n                    >\r\n                        <ContentPageNavigation\r\n                            items={[\r\n                                {\r\n                                    id: \"tankTransfers\",\r\n                                    title: \"tank transfers\",\r\n                                    url: \"/reports/tt\"\r\n                                },\r\n                                {\r\n                                    id: tankTransferReport.id,\r\n                                    title: \"tank transfer report\",\r\n                                    url: `/reports/tt/${tankTransferReport.id}`\r\n                                }\r\n                            ]}\r\n                        />\r\n                    </ContentPageHeader>\r\n                    <ContentPageBody>\r\n                        <ContentPageTitle>\r\n                            <span>Tank transfer report for</span> <span style={{ fontWeight: 400 }}>{toCapitalLetters(tankTransferReport.vessel.name)}</span>\r\n                        </ContentPageTitle>\r\n                        <Body>\r\n                            <TankTransferHeader />\r\n                            <TankTransferComment />\r\n                        </Body>\r\n                    </ContentPageBody>\r\n                </div>\r\n            }\r\n        </ContentPage>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ITankTransfer } from \"../../interfaces/ITankTransfer\";\r\n\r\nexport const useTankTransfer = (id: number) => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/reports/tankTransfers/${id}`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let tankTransfer: ITankTransfer | undefined = data;\r\n\r\n    return { tankTransfer, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Dropdown } from \"@fluentui/react\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { DateTime } from \"luxon\";\r\nimport { DatePickerRemove } from \"../../../blocks/datePickerRemove/DatePickerRemove\";\r\nimport { useVessels } from \"../../../api/hooks/useVessels\";\r\nimport { AppPanel, AppPanelFooter } from \"../../../blocks/appPanel/AppPanel\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { InputWithDescription } from \"../../../blocks/inputWithDescription/InputWithDescription\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { AppTextField } from \"../../../blocks/inputs/AppTextFields\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    padding: 20px 30px;\r\n\r\n    >div {\r\n        margin: 10px 0;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Filter: React.FC<{ isOpen: boolean, f: IFilterValue[], onChange: (_: IFilterValue[]) => void, dismiss: () => void }> = ({ isOpen, f, onChange, dismiss }) => {\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const { vessels } = useVessels();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getFilter, getFilterDate, updateFilter } = useDivTable();\r\n\r\n    useEffect(() => {\r\n        setFilters(f);\r\n    }, [f, isOpen])\r\n\r\n    if (!filters) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <AppPanel\r\n            title=\"Tank transfers filter\"\r\n            titleBgColor=\"#222c3d\"\r\n            isOpen={isOpen}\r\n            noPadding\r\n            dismiss={dismiss}\r\n            icon={<FontAwesomeIcon icon={faFilter} />}\r\n            footer={() => {\r\n                return (\r\n                    <AppPanelFooter\r\n                        buttons={[\r\n                            {\r\n                                title: \"Filter\",\r\n                                type: \"Primary\",\r\n                                onClick: () => {\r\n                                    onChange(filters);\r\n                                    dismiss();\r\n                                }\r\n                            },\r\n                            {\r\n                                title: \"Cancel\",\r\n                                onClick: () => dismiss()\r\n                            }\r\n                        ]}\r\n                    />\r\n                );\r\n            }}\r\n        >\r\n            <Body>\r\n                <InputWithDescription description=\"Vessels\">\r\n                    <Dropdown\r\n                        multiSelect\r\n                        placeholder=\"Select vessels\"\r\n                        selectedKeys={getFilter(filters, \"vesselIds\")}\r\n                        onChange={(ev, item) => {\r\n                            if (!item) {\r\n                                return;\r\n                            }\r\n\r\n                            let selected: Number[] = getFilter(filters, \"vesselIds\");\r\n\r\n                            if (!selected) {\r\n                                selected = [];\r\n                            }\r\n\r\n                            if (item.selected) {\r\n                                selected.push(Number(item.key));\r\n                            }\r\n                            else {\r\n                                selected = selected.filter((_: any) => _ !== Number(item.key));\r\n                            }\r\n\r\n                            if (selected.length === 0) {\r\n                                let _filters = filters.slice().filter(_ => _.property.name !== \"vesselIds\");\r\n                                setFilters(_filters);\r\n                            }\r\n                            else {\r\n                                setFilters(updateFilter(filters, {\r\n                                    property: { name: \"vesselIds\", displayName: \"vessels\" },\r\n                                    value: {\r\n                                        value: selected,\r\n                                        displayValue: selected.map((_: any) => {\r\n                                            return toCapitalLetters(vessels?.find(v => v.id === _)?.name);\r\n                                        }).join(\", \")\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                        options={vessels ? vessels.map(_ => {\r\n                            return {\r\n                                key: _.id,\r\n                                text: toCapitalLetters(_.name)\r\n                            }\r\n                        }) : []}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"From\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a from date\",\r\n                            value: getFilterDate(filters, \"from\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"from\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"from\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <InputWithDescription description=\"To\">\r\n                    <DatePickerRemove\r\n                        props={{\r\n                            placeholder: \"Select a to date\",\r\n                            value: getFilterDate(filters, \"to\"),\r\n                            onSelectDate: _ => {\r\n                                if (_) {\r\n                                    setFilters(updateFilter(filters, {\r\n                                        property: {\r\n                                            name: \"to\"\r\n                                        },\r\n                                        value: {\r\n                                            value: _,\r\n                                            displayValue: DateTime.fromJSDate(new Date(_)).toFormat(\"ccc dd MMM yy\")\r\n                                        }\r\n                                    }));\r\n                                }\r\n                            }\r\n                        }}\r\n                        onClear={() => {\r\n                            let _filters = filters.slice().filter(_ => _.property.name !== \"to\");\r\n                            setFilters(_filters);\r\n                        }}\r\n                    />\r\n                </InputWithDescription>\r\n                <AppTextField\r\n                    value={getFilter(filters, \"search\") ? getFilter(filters, \"search\") : \"\"}\r\n                    description=\"Free text search\"\r\n                    onChange={(ev, v) => {\r\n                        if (v && v.trim().length > 0) {\r\n                            setFilters(updateFilter(filters, {\r\n                                property: {\r\n                                    name: \"search\"\r\n                                },\r\n                                value: {\r\n                                    value: v\r\n                                }\r\n                            }));\r\n                        }\r\n                        else {\r\n                            setFilters(filters.slice().filter(f => f.property.name !== \"search\"));\r\n                        }\r\n                    }}\r\n                />\r\n            </Body>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { DateString } from \"../../../blocks/dateString/DateString\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { faFilter } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { Filter } from \"./Filter\";\r\nimport { useDivTable } from \"../../../globalHooks/useDivTable\";\r\nimport { FilterContainer } from \"../../../blocks/filter/FilterContainer\";\r\nimport { IFilterValue } from \"../../../interfaces/IFilterValue\";\r\nimport { useStringFunctions } from \"../../../hooks/useStringFunctions\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { useDateFunctions } from \"../../../hooks/useDateFunctions\";\r\nimport { AppGridTableNew } from \"../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { IGridTableColumn } from \"../../../interfaces/IGridTableColumn\";\r\nimport { ModifiedString } from \"../../../blocks/modifiedString/ModifiedString\";\r\nimport { ITankTransfer } from \"../../../interfaces/ITankTransfer\";\r\nimport { useMediaQuery } from \"../../../hooks/useMediaQuery\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    display: grid;\r\n    height: 100%;\r\n    grid-template-rows: min-content auto;\r\n\r\n    >div:first-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    >div:last-child {\r\n        overflow-y: auto;\r\n    }\r\n\r\n    .tank-desc {\r\n        padding-left: 5px;\r\n        color: #aaa;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TankTransfers = () => {\r\n    let containerRef: HTMLDivElement | null;\r\n    const { app } = useAppContext();\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { getCachedFilters, setCachedFilters } = useCachedFilters();\r\n    const { resolveTimeZone } = useDateFunctions();\r\n    const { getFilterString, updateFilter } = useDivTable();\r\n    const [reports, setReports] = useState<ITankTransfer[]>([]);\r\n    const [fetching, setFetching] = useState(false);\r\n    const [filterOpen, setFilterOpen] = useState(false);\r\n    const [filters, setFilters] = useState<IFilterValue[]>([]);\r\n    const smallScreen = useMediaQuery(\"(max-width: 1800px)\");\r\n    const history = useNavigate();\r\n    const take = 50;\r\n\r\n    const [takeSkip, setTakeSkip] = useState<{ take: number, skip: number, allFetched?: boolean }>({\r\n        take,\r\n        skip: 0\r\n    });\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"commenced\",\r\n            render: (_: ITankTransfer) => {\r\n                return <DateString date={_.commenced} timeZone={resolveTimeZone()} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            exclude: smallScreen,\r\n            key: \"completed\",\r\n            render: (_: ITankTransfer) => {\r\n                return <DateString date={_.completed} timeZone={resolveTimeZone()} short={true} />;\r\n            }\r\n        },\r\n        {\r\n            key: \"vessel\",\r\n            render: (_: ITankTransfer) => {\r\n                return toCapitalLetters(_.vessel.name);\r\n            }\r\n        },\r\n        {\r\n            key: \"fromTank\",\r\n            title: \"From tank\",\r\n            render: (_: ITankTransfer) => {\r\n                return (\r\n                    <>\r\n                        <span>\r\n                            {_.fromTank.name}\r\n                        </span>\r\n                        {_.fromTank.description &&\r\n                            <span className=\"tank-desc\">\r\n                                {_.fromTank.description}\r\n                            </span>\r\n                        }\r\n                    </>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"toTank\",\r\n            title: \"To tank\",\r\n            render: (_: ITankTransfer) => {\r\n                return (\r\n                    <>\r\n                        <span>\r\n                            {_.toTank.name}\r\n                        </span>\r\n                        {_.toTank.description &&\r\n                            <span className=\"tank-desc\">\r\n                                {_.toTank.description}\r\n                            </span>\r\n                        }\r\n                    </>\r\n                );\r\n            }\r\n        },\r\n        {\r\n            key: \"quantity\",\r\n            title: \"Quantity\",\r\n            render: (_: ITankTransfer) => {\r\n                return `${(_.quantity ? _.quantity : 0).toLocaleString(undefined, { minimumFractionDigits: 3 })} MT`;\r\n            }\r\n        },\r\n        {\r\n            key: \"modified\",\r\n            render: (_: ITankTransfer) => {\r\n                return <ModifiedString date={_.modified} />;\r\n            }\r\n        }\r\n    ];\r\n\r\n    const rowClick = (_: ITankTransfer) => {\r\n        history(`/reports/tt/${_.id}`);\r\n    }\r\n\r\n    const getTankTransfers = () => {\r\n        app.api.getTankTransfers(getFilterString([\r\n            ...filters,\r\n            {\r\n                property: { name: \"take\" },\r\n                value: { value: takeSkip.take }\r\n            },\r\n            {\r\n                property: { name: \"skip\" },\r\n                value: { value: takeSkip.skip }\r\n            }\r\n        ]))\r\n            .then(_ => {\r\n                if (takeSkip.skip === 0) {\r\n                    setReports(_);\r\n                }\r\n                else {\r\n                    setReports([...reports, ..._]);\r\n                    if (_.length < take) {\r\n\r\n                        app.setAppMessage({\r\n                            text: \"Fetched all Tank Transfer reports mathing search criteria\",\r\n                            ttl: 2500\r\n                        });\r\n                    }\r\n                }\r\n\r\n                if (_.length >= take) {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: _.skip + take });\r\n                    });\r\n                }\r\n                else {\r\n                    setTakeSkip(_ => {\r\n                        return ({ take, skip: 0, allFetched: true });\r\n                    });\r\n                }\r\n\r\n                setFetching(false)\r\n            })\r\n            .catch(_ => {\r\n                console.error(_);\r\n                setFetching(false)\r\n            });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setFilters(getCachedFilters(CachedFilterType.TankTransfers));\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        if (fetching) {\r\n            getTankTransfers();\r\n        }\r\n    }, [fetching]);\r\n\r\n    useEffect(() => {\r\n        setTakeSkip({\r\n            take,\r\n            skip: 0,\r\n            allFetched: false\r\n        });\r\n        setFetching(true);\r\n        setCachedFilters(CachedFilterType.TankTransfers, filters);\r\n    }, [filters]);\r\n\r\n    return (\r\n        <ContentPage progressbar={fetching}>\r\n            <ContentPageHeader\r\n                actions={[\r\n                    {\r\n                        title: \"Filter\",\r\n                        icon: <FontAwesomeIcon icon={faFilter} />,\r\n                        onClick: () => setFilterOpen(true),\r\n                        disabled: fetching\r\n                    }\r\n                ]}\r\n                search={{\r\n                    additionalInfo: \"Tank transfers free text search looks up the following columns; Vessel, from and to tanks\",\r\n                    defaultValue: filters.find(_ => _.property.name === \"search\")?.value.value,\r\n                    enabled: true,\r\n                    onSearch: _ => {\r\n                        let _filters = (_ && _.trim().length > 0)\r\n                            ? updateFilter(filters, {\r\n                                property: { name: \"search\" },\r\n                                value: { value: _ }\r\n                            })\r\n                            : filters.slice().filter(f => f.property.name !== \"search\");\r\n\r\n                        setCachedFilters(CachedFilterType.TankTransfers, _filters);\r\n                        setFilters(_filters);\r\n                    }\r\n                }}\r\n            >\r\n                <ContentPageNavigation\r\n                    items={[\r\n                        {\r\n                            id: \"tankTransfers\",\r\n                            title: \"tank transfers\",\r\n                            url: \"/reports/tt\"\r\n                        }\r\n                    ]}\r\n                />\r\n            </ContentPageHeader>\r\n\r\n            <ContentPageBody>\r\n                <Body>\r\n                    <FilterContainer\r\n                        filters={filters}\r\n                        onChange={_ => setFilters(_)}\r\n                    />\r\n                    <div\r\n                        ref={_ => containerRef = _}\r\n                        onScroll={() => {\r\n                            if (!takeSkip.allFetched && containerRef) {\r\n                                const { scrollTop, scrollHeight, clientHeight } = containerRef;\r\n\r\n                                if ((scrollTop + clientHeight) > scrollHeight - 200) {\r\n                                    setFetching(true);\r\n                                }\r\n                            }\r\n                        }}\r\n                    >\r\n                        <AppGridTableNew\r\n                            blueHeader\r\n                            data={reports}\r\n                            columns={columns}\r\n                            rowClick={rowClick}\r\n                            loading={fetching && takeSkip.skip === 0}\r\n                        />\r\n                    </div>\r\n                </Body>\r\n            </ContentPageBody>\r\n\r\n            <Filter\r\n                isOpen={filterOpen}\r\n                dismiss={() => setFilterOpen(false)}\r\n                f={filters}\r\n                onChange={_ => {\r\n                    setFilters(_);\r\n                }}\r\n            />\r\n        </ContentPage>\r\n    );\r\n};","import { LogReportType } from \"../_enums/LogReportType\"\r\nimport { IPortCall } from \"./IPortCall\"\r\nimport { ITank } from \"./ITank\"\r\nimport { IVessel } from \"./IVessel\"\r\n\r\nexport interface IDwhTankState {\r\n    id: number,\r\n    vessel: IVessel,\r\n    vesselId: number,\r\n    tank: ITank,\r\n    tankId: number,\r\n    date: Date,\r\n    totalRob: number,\r\n    differenceSincePrevious: number,\r\n    origin: DwhTankStateOrigin,\r\n    portcall?: IPortCall,\r\n    fromPortcall?: IPortCall,\r\n    toPortcall?: IPortCall,\r\n    fuelTypes: number,\r\n    bunkerTankWasMarkedAsEmpty?: boolean,\r\n    bunkerContainsDebunkering?: boolean,\r\n    logs: IDwhTankStateLog[],\r\n\r\n    logReportId?: string,\r\n    logReportType?: LogReportType,\r\n    bunkerDeliveryNoteId?: string,\r\n    tankTransferId?: string\r\n}\r\n\r\nexport interface IDwhTankStateLog {\r\n    id: number,\r\n    text: string,\r\n    severity: ErrorSeverity\r\n}\r\n\r\nexport enum DwhTankStateOrigin {\r\n    Unknown = 0,\r\n    TankInitiation = 1,\r\n    BunkerDeliveryItems = 2,\r\n    Rob = 3,\r\n    Consumptions = 4,\r\n    TankTransfer = 5\r\n}\r\n\r\nexport enum ErrorSeverity {\r\n    Information = 1,\r\n    Warning = 2,\r\n    Error = 3\r\n}\r\n\r\nexport interface IDwhTankStateAggregate {\r\n    year: number,\r\n    month: number,\r\n    day: number,\r\n    name: string,\r\n    tankRobs: ITankRob[]\r\n}\r\n\r\nexport interface ITankRob {\r\n    tank: ITank,\r\n    rob: number\r\n}\r\n\r\nexport interface IAdminTankState {\r\n    vessel: string,\r\n    tank: string,\r\n    date: Date,\r\n    soundedRobReport: string,\r\n    fuelRobs: IAdminTankStateFuelRob[]\r\n}\r\n\r\nexport interface IAdminTankStateFuelRob {\r\n    fuel: string,\r\n    rob: number\r\n}\r\n","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\nimport { IVessel } from '../interfaces/IVessel';\r\nimport { DateTime } from 'luxon';\r\nimport { IPort } from '../interfaces/IPort';\r\nimport { IDwhTankState } from '../interfaces/ITankState';\r\nimport { ITank } from '../interfaces/ITank';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setVessel\", vessel?: IVessel }\r\n    | { type: \"setTanks\", tanks: ITank[] }\r\n    | { type: \"setFrom\", from: Date }\r\n    | { type: \"setTo\", to: Date }\r\n    | { type: \"setPort\", port?: IPort }\r\n    | { type: \"toggleShowInvalidOnly\" }\r\n    | { type: \"setTankState\", tankState?: IDwhTankState }\r\n    | { type: \"setTankStates\", tankStates: IDwhTankState[] }\r\n\r\ntype TankStateState = {\r\n    showInvalidOnly: boolean\r\n    from: Date\r\n    to: Date\r\n    port?: IPort\r\n    fromPort?: IPort\r\n    toPort?: IPort\r\n    vessel?: IVessel\r\n    tanks?: ITank[]\r\n    tankState?: IDwhTankState,\r\n    tankStates?: IDwhTankState[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: TankStateState,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    filters: [],\r\n    vessels: [],\r\n    showInvalidOnly: false,\r\n    from: DateTime.now().plus({ months: -1 }).startOf(\"month\").toJSDate(),\r\n    to: DateTime.now().toJSDate()\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst useTankStateContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: TankStateState, action: ReducerAction): TankStateState => {\r\n    switch (action.type) {\r\n        case \"setFrom\":\r\n            return {\r\n                ...state,\r\n                from: action.from\r\n            };\r\n        case \"setTo\":\r\n            return {\r\n                ...state,\r\n                to: action.to\r\n            };\r\n        case \"setPort\":\r\n            return {\r\n                ...state,\r\n                port: action.port\r\n            };\r\n        case \"setVessel\":\r\n            return {\r\n                ...state,\r\n                vessel: action.vessel\r\n            };\r\n            case \"setTanks\":\r\n            return {\r\n                ...state,\r\n                tanks: action.tanks\r\n            };\r\n        case \"toggleShowInvalidOnly\":\r\n            return {\r\n                ...state,\r\n                showInvalidOnly: !state.showInvalidOnly\r\n            };\r\n        case \"setTankState\":\r\n            return {\r\n                ...state,\r\n                tankState: action.tankState\r\n            };\r\n        case \"setTankStates\":\r\n            return {\r\n                ...state,\r\n                tankStates: action.tankStates\r\n            };\r\n    }\r\n}\r\n\r\nexport const TankStateContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useTankStateProvider = () => {\r\n    const { state, dispatch } = useTankStateContext();\r\n\r\n    return {\r\n        from: state.from,\r\n        to: state.to,\r\n        port: state.port,\r\n        vessel: state.vessel,\r\n        tanks: state.tanks,\r\n        showInvalidOnly: state.showInvalidOnly,\r\n        tankState: state.tankState,\r\n        tankStates: state.tankStates,\r\n\r\n        setFrom: (from: Date) => {\r\n            dispatch({\r\n                type: \"setFrom\",\r\n                from\r\n            })\r\n        },\r\n        setTo: (to: Date) => {\r\n            dispatch({\r\n                type: \"setTo\",\r\n                to\r\n            })\r\n        },\r\n        setPort: (port?: IPort) => {\r\n            dispatch({\r\n                type: \"setPort\",\r\n                port\r\n            })\r\n        },\r\n        setVessel: (vessel?: IVessel) => {\r\n            dispatch({\r\n                type: \"setVessel\",\r\n                vessel\r\n            })\r\n        },\r\n        setTanks: (tanks: ITank[]) => {\r\n            dispatch({\r\n                type: \"setTanks\",\r\n                tanks\r\n            })\r\n        },\r\n        toggleShowInvalidOnly: () => {\r\n            dispatch({\r\n                type: \"toggleShowInvalidOnly\"\r\n            })\r\n        },\r\n        setTankState: (tankState?: IDwhTankState) => {\r\n            dispatch({\r\n                type: \"setTankState\",\r\n                tankState\r\n            })\r\n        },\r\n        setTankStates: (tankStates: IDwhTankState[]) => {\r\n            dispatch({\r\n                type: \"setTankStates\",\r\n                tankStates\r\n            })\r\n        }\r\n    };\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../hooks/useStringFunctions\";\r\nimport { IGridTableColumn } from \"../../../../interfaces/IGridTableColumn\";\r\nimport { AppGridTableNew } from \"../../../../blocks/appGridTableNew/AppGridTableNew\";\r\nimport { useDateFunctions } from \"../../../../hooks/useDateFunctions\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faArrowRightLong, faChartLine, faWarning } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { ProgressBar } from \"../../../progressBar/ProgressBar\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useTankStateProvider } from \"../../../../contextHooks/TankStateContext\";\r\nimport { useDwhTankStates } from \"../../../../api/hooks/useDwhTankStates\";\r\nimport { DwhTankStateOrigin, IDwhTankState } from \"../../../../interfaces/ITankState\";\r\nimport { LogReportType } from \"../../../../_enums/LogReportType\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    border-top: 1px dashed #aaa;\r\n    background-color: white;\r\n    box-shadow: 0 10px 10px rgb(0, 0, 0, 0.05) inset;\r\n\r\n    .header {\r\n        display: grid;\r\n        grid-template-columns: auto 1fr;\r\n        gap: 10px;\r\n        font-size: 20px;\r\n        font-weight: 900;\r\n        font-family: Roboto;\r\n        padding: 30px 0 5px 30px;\r\n    }\r\n`;\r\n\r\nconst LoadMore = styled.div<{ disabled: boolean }>`\r\n    border-top: 1px solid #eee;\r\n    text-align: center;\r\n    padding: 14px 0;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    border-radius:  0 0 4px 4px;\r\n    position: relative;\r\n    color: #4177bf;\r\n\r\n\r\n    >div {\r\n        position: absolute;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 20px;\r\n    }\r\n    \r\n    ${_ => _.disabled\r\n        ? css`\r\n            color: #bbb;\r\n            cursor: default;\r\n        `\r\n        : css`\r\n            cursor: pointer;\r\n            :hover {\r\n                background-color: #f8f8f8;\r\n                color: #4177bf;\r\n            }\r\n        `\r\n    }\r\n`;\r\n\r\nconst TankDiff = styled.div`\r\n    display: grid;\r\n    grid-template-columns: 1fr auto;\r\n    grid-gap: 10px;\r\n    padding: 0 16px;\r\n    height: 100%;\r\n\r\n    .icon {\r\n        display: grid;\r\n        align-items: center;\r\n    }\r\n   \r\n    .diff {\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n        align-items: center;\r\n\r\n        >div {\r\n            >div {\r\n                text-align: right;\r\n            }\r\n\r\n            .diff-mt {\r\n                font-size: 12px;\r\n            }\r\n\r\n            .percent {\r\n                font-size: 10px;\r\n                font-weight: 500;\r\n                color: #999;\r\n            }\r\n        }\r\n    }\r\n`;\r\n\r\nconst WarningIcon = styled.div`\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: red;\r\n`;\r\n//#endregion \r\n\r\nexport const TankStateTable = () => {\r\n    const [skip, setSkip] = useState(0);\r\n    const { from, to, port, vessel, tanks, showInvalidOnly, tankStates, setTankStates } = useTankStateProvider();\r\n    const { tankStatesData, fetching } = useDwhTankStates(from, to, vessel?.id, tanks, port?.id, skip, undefined, showInvalidOnly);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const history = useNavigate();\r\n\r\n    const navigate = (url: string, newWindow?: boolean) => {\r\n        newWindow\r\n            ? window.open(url, \"_blank\")\r\n            : history(url);\r\n    }\r\n\r\n    const getEnumStringFromOrigin = (origin: DwhTankStateOrigin) => {\r\n        switch (origin) {\r\n            case DwhTankStateOrigin.BunkerDeliveryItems: return \"Bunker delivery note\"\r\n            case DwhTankStateOrigin.Consumptions: return \"Consumption\"\r\n            case DwhTankStateOrigin.Rob: return \"Rob\"\r\n            case DwhTankStateOrigin.TankInitiation: return \"Tank initiation\"\r\n            case DwhTankStateOrigin.TankTransfer: return \"Tank transfer\"\r\n            case DwhTankStateOrigin.Unknown: return \"N/A\"\r\n        }\r\n    }\r\n\r\n    const columns: IGridTableColumn[] = [\r\n        {\r\n            key: \"Tank\",\r\n            render: (data: IDwhTankState) => {\r\n                return data.tank.name + (data.tank.description ? ` (${data.tank.description})` : '');\r\n            }\r\n        },\r\n        {\r\n            key: \"Date\",\r\n            gridCellWidth: \"min-content\",\r\n            render: (data: IDwhTankState) => {\r\n                return toDateString(data.date, undefined, true);\r\n            }\r\n        },\r\n        {\r\n            key: \"RegistrationType\",\r\n            title: \"Reg. type\",\r\n            render: (data: IDwhTankState) => {\r\n                return getEnumStringFromOrigin(data.origin);\r\n            }\r\n        },\r\n        {\r\n            key: \"report\",\r\n            title: \"report\",\r\n            render: (data: IDwhTankState) => {\r\n                if (data.logReportId && data.logReportType) {\r\n                    return (\r\n                        LogReportType[data.logReportType!]\r\n                    )\r\n                }\r\n                else if (data.bunkerDeliveryNoteId) {\r\n                    return \"Bunkering\"\r\n                }\r\n                else if (data.tankTransferId) {\r\n                    return \"Tank transfer\"\r\n                }\r\n            }\r\n        },\r\n        {\r\n            key: \"PortcallOrRoute\",\r\n            title: \"Portcall / route\",\r\n            render: (data: IDwhTankState) => {\r\n                if (data.portcall) {\r\n                    return toCapitalLetters(data.portcall.port?.name)\r\n                }\r\n\r\n                if (data.fromPortcall && data.toPortcall) {\r\n                    return (\r\n                        <span title={`${toCapitalLetters(data.fromPortcall.port?.name)} -> ${toCapitalLetters(data.toPortcall.port?.name)}`}>\r\n                            <span>{toCapitalLetters(data.fromPortcall.port?.name)}</span>\r\n                            <span style={{ padding: \"0 8px\" }}><FontAwesomeIcon icon={faArrowRightLong} /></span>\r\n                            <span>{toCapitalLetters(data.toPortcall.port?.name)}</span>\r\n                        </span>\r\n                    )\r\n                }\r\n\r\n                return \"-\"\r\n            }\r\n        },\r\n        {\r\n            key: \"TankRob\",\r\n            title: \"Total rob\",\r\n            textAlign: \"right\",\r\n            gridCellWidth: \"max-content\",\r\n            render: (data: IDwhTankState) => {\r\n                return <span>{data.totalRob.toLocaleString(undefined, { minimumFractionDigits: 3 })} MT</span>;\r\n            }\r\n        },\r\n        {\r\n            key: \"diff\",\r\n            title: \"Diff. previous\",\r\n            gridCellWidth: \"max-content\",\r\n            noPadding: true,\r\n            render: (data: IDwhTankState) => {\r\n\r\n                let diff = data.differenceSincePrevious;\r\n                let diffPercent = 0;\r\n                let hasLogs = data.logs.length > 0;\r\n\r\n                if (diff) {\r\n\r\n                    if (data.totalRob !== 0 && data.totalRob - diff === 0) {\r\n                        diffPercent = 100;\r\n                    }\r\n                    else {\r\n                        diffPercent = ((data.totalRob - (data.totalRob - diff)) / Math.abs(data.totalRob - diff)) * 100;\r\n                    }\r\n                }\r\n\r\n                return (\r\n                    <TankDiff>\r\n                        <div className=\"icon\">\r\n                            {diff !== 0 &&\r\n                                <FontAwesomeIcon\r\n                                    icon={faArrowRightLong}\r\n                                    style={{\r\n                                        color: hasLogs ? \"red\" : \"#00b100\",\r\n                                        rotate: diff > 0 ? \"-40deg\" : \"40deg\"\r\n\r\n                                    }}\r\n                                />\r\n                            }\r\n                        </div>\r\n                        <div className=\"diff\">\r\n                            <div>\r\n                                <div className=\"diff-mt\">\r\n                                    {Math.abs(diff).toLocaleString(undefined, { minimumFractionDigits: 3 })} MT\r\n                                </div>\r\n                                <div className=\"percent\">\r\n                                    {Math.abs(diffPercent).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })} %\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </TankDiff>\r\n                )\r\n            }\r\n        },\r\n        {\r\n            key: \"issues\",\r\n            title: <FontAwesomeIcon icon={faWarning} style={{ paddingLeft: \"10px\" }} />,\r\n            textAlign: \"center\",\r\n            gridCellWidth: \"70px\",\r\n            noPadding: true,\r\n            render: (data: IDwhTankState) => {\r\n                if (data.logs && data.logs.length > 0) {\r\n                    return (\r\n                        <WarningIcon title={data.logs.map(_ => _.text).join(' | ')}>\r\n                            <FontAwesomeIcon icon={faWarning} />\r\n                        </WarningIcon>\r\n                    );\r\n                }\r\n                else {\r\n                    return \"\"\r\n                }\r\n            }\r\n        }\r\n    ];\r\n\r\n    useEffect(() => {\r\n        setSkip(0);\r\n    }, [from, to, port, vessel, tanks, showInvalidOnly])\r\n\r\n    useEffect(() => {\r\n        if (!fetching && tankStatesData != undefined) {\r\n            setTankStates(skip === 0\r\n                ? tankStatesData\r\n                : (tankStates ? tankStates : []).concat(tankStatesData)\r\n            );\r\n        }\r\n    }, [fetching, tankStatesData, showInvalidOnly])\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div>\r\n                    <FontAwesomeIcon icon={faChartLine} />\r\n                </div>\r\n                <div>\r\n                    Rob changes\r\n                </div>\r\n            </div>\r\n            <div className=\"table\">\r\n                <AppGridTableNew\r\n                    columns={columns}\r\n                    loading={fetching && !tankStates}\r\n                    emptyMessage=\"No entries matches the search.\"\r\n                    data={tankStates}\r\n                    rowClick={(data: IDwhTankState) => {\r\n\r\n                        let url = \"/reports/\";\r\n\r\n                        if (data.logReportId) {\r\n                            url += `log/${data.logReportId}`;\r\n                        }\r\n                        else if (data.bunkerDeliveryNoteId) {\r\n                            url += `bdn/${data.bunkerDeliveryNoteId}`;\r\n                        }\r\n                        else if (data.tankTransferId) {\r\n                            url += `tt/${data.tankTransferId}`;\r\n                        }\r\n\r\n                        navigate(`${url}`, true);\r\n                    }}\r\n                />\r\n            </div>\r\n            <LoadMore\r\n                disabled={fetching}\r\n                onClick={() => {\r\n                    if (!fetching) {\r\n                        setSkip(skip + 30);\r\n                    }\r\n                }}\r\n            >\r\n                {fetching ? \"Fetching more data...\" : \"Load more\"}\r\n                <div>\r\n                    <ProgressBar\r\n                        height=\"2px\"\r\n                        visible={fetching}\r\n                        color=\"#4177bf\"\r\n                    />\r\n                </div>\r\n            </LoadMore>\r\n        </Container >\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { IDwhTankState as IDwhTankState, IDwhTankStateAggregate } from \"../../interfaces/ITankState\";\r\nimport { ITank } from \"../../interfaces/ITank\";\r\n\r\nexport const useDwhTankStates = (from?: Date, to?: Date, vesselId?: number, tanks?: ITank[], portId?: number, skip?: number, take?: number, inErrorOnly?: boolean) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/TankStateDwh/Get?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vesselId) {\r\n            url += `&vesselId=${vesselId}`;\r\n        }\r\n\r\n        if (tanks && tanks.length > 0) {\r\n            url += `&tankIds=${tanks.map(_ => _.id).join(',')}`;\r\n        }\r\n\r\n        if (portId) {\r\n            url += `&portId=${portId}`;\r\n        }\r\n        \r\n        if (skip) {\r\n            url += `&skip=${skip}`;\r\n        }\r\n\r\n        if (take) {\r\n            url += `&take=${take}`;\r\n        }\r\n\r\n        if (inErrorOnly) {\r\n            url += `&inErrorOnly=${inErrorOnly}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n\r\n    let tankStatesData: IDwhTankState[] | undefined = data;\r\n\r\n    return { tankStatesData, error, fetching, mutate };\r\n};\r\n\r\nexport const useDwhTankStateAggregates = (from?: Date, to?: Date, vesselId?: number, tanks?: ITank[], portId?: number) => {\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    let url = from && to\r\n        ? `/TankStateDwh/Aggregate?from=${makeDateObject(from).toFormat(\"yyyy-MM-dd HH:mm:ss\")}&to=${makeDateObject(to).toFormat(\"yyyy-MM-dd HH:mm:ss\")}`\r\n        : undefined;\r\n\r\n    if (url) {\r\n        if (vesselId) {\r\n            url += `&vesselId=${vesselId}`;\r\n        }\r\n\r\n        if (tanks && tanks.length > 0) {\r\n            url += `&tankIds=${tanks.map(_ => _.id).join(',')}`;\r\n        }\r\n\r\n        if (portId) {\r\n            url += `&portId=${portId}`;\r\n        }\r\n    }\r\n\r\n    const { data, error, isValidating: fetching, mutate } = useSWR(url ? url : null, {\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false\r\n    });\r\n\r\n\r\n    let tankStateAggregateData: IDwhTankStateAggregate[] | undefined = data;\r\n\r\n    return { tankStateAggregateData, error, fetching, mutate };\r\n};","import React, { useEffect } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useStringFunctions } from \"../../../../../hooks/useStringFunctions\";\r\nimport { useVessels } from \"../../../../../api/hooks/useVessels\";\r\nimport { Checkbox, Dropdown } from \"@fluentui/react\";\r\nimport { useTankStateProvider } from \"../../../../../contextHooks/TankStateContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    .filter-selected-vessels {\r\n        display: flex;\r\n        margin: 5px -6px 0;\r\n\r\n        >div {\r\n            background-color: #4177bf;\r\n            color: white;\r\n            margin: 10px 7px;\r\n            font-size: 14px;\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            >div {\r\n                position: absolute;\r\n                top: -5px;\r\n                right: -7px;\r\n                background-color: #e3f0ff;\r\n                color: #333;\r\n                width: 15px;\r\n                height: 15px;\r\n                border-radius: 50%;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-size: 12px;\r\n                box-shadow: 0 0 2px #333;\r\n                display: none;\r\n            }\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n\r\n                >div {\r\n                    display: flex;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .filter-tanks{\r\n        >div {\r\n            padding: 5px 0px;\r\n        }\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const TankStateFilterVessel = () => {\r\n    const { setVessel: setSelectedVessel, vessel: selectedVessel, tanks: selectedTanks, setTanks: setSelectedTanks } = useTankStateProvider();\r\n    const { vessels } = useVessels(false, false, true);\r\n    const { toCapitalLetters } = useStringFunctions();\r\n\r\n    useEffect(() => {\r\n        if (!selectedVessel && vessels) {\r\n            setSelectedVessel(vessels[0]);\r\n            if (vessels[0].tanks) {\r\n                setSelectedTanks(vessels[0].tanks);\r\n            }\r\n        }\r\n    }, [vessels, selectedVessel]);\r\n\r\n    return (\r\n        <Container>\r\n            <Dropdown\r\n                placeholder=\"Select vessel\"\r\n                selectedKey={Number(selectedVessel?.id)}\r\n                styles={{\r\n                    title: {\r\n                        borderRadius: \"4px\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    },\r\n                    dropdown: {\r\n                        \":after\": {\r\n                            border: \"none !important\"\r\n                        }\r\n                    }\r\n                }}\r\n                options={vessels ? vessels.map(_ => {\r\n                    return {\r\n                        key: _.id,\r\n                        text: toCapitalLetters(_.name)\r\n                    }\r\n                }) : []}\r\n                onChange={(ev, item) => {\r\n                    if (item) {\r\n                        let _selectedVessel = vessels?.find(_ => _.id === item.key);\r\n                        if (_selectedVessel) {\r\n                            setSelectedVessel(_selectedVessel)\r\n\r\n                            if (_selectedVessel.tanks) {\r\n                                setSelectedTanks(_selectedVessel.tanks)\r\n                            }\r\n\r\n                        } else {\r\n                            setSelectedVessel(undefined);\r\n                            setSelectedTanks([]);\r\n                        }\r\n                    } else {\r\n                        setSelectedVessel(undefined);\r\n                        setSelectedTanks([]);\r\n                    }\r\n                }}\r\n            />\r\n            {selectedVessel && selectedVessel.tanks &&\r\n                <>\r\n                    <div className=\"filter-header\">Tanks</div>\r\n                    <div className=\"filter-tanks\">\r\n                        {selectedVessel?.tanks.map(t => {\r\n                            return (\r\n                                <Checkbox\r\n                                    key={\"filter-vessel-tank-\" + t.id}\r\n                                    label={t.name + (t.description ? ` (${t.description})` : '')}\r\n                                    checked={selectedTanks?.some(_ => _.id == t.id)}\r\n                                    onChange={(ev, checked) => {\r\n                                        if (checked) {\r\n                                            let selected = selectedTanks!;\r\n                                            selected?.push(t);\r\n                                            setSelectedTanks(selected);\r\n                                        } else {\r\n                                            setSelectedTanks(selectedTanks!.filter(_ => _.id != t.id))\r\n                                        }\r\n                                    }}\r\n                                />\r\n                            );\r\n                        })\r\n                        }\r\n                    </div>\r\n                </>\r\n            }\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IPort } from \"../../../../../interfaces/IPort\";\r\nimport { AppSearchBox } from \"../../../../../blocks/appSearchBox/AppSearchBox\";\r\nimport { useTankStateProvider } from \"../../../../../contextHooks/TankStateContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    >div {\r\n        margin-bottom: 5px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const TankStateFilterPorts = () => {\r\n    const { port, setPort } = useTankStateProvider();\r\n\r\n    return (\r\n        <Container>\r\n            <AppSearchBox\r\n                title=\"Port\"\r\n                additionalQueryParams={[{ key: \"take\", value: 20 }]}\r\n                placeHolder=\"Search for port\"\r\n                endPoint=\"ports/search\"\r\n                description=\"Port\"\r\n                keyProp=\"id\"\r\n                titleProp=\"name\"\r\n                maxResultsContainerHeight=\"330px\"\r\n                minLengthBeforeSearhing={2}\r\n                defaultValue={port}\r\n                onSelected={_ => {\r\n                    setPort(_);\r\n                }}\r\n                customResultDescription={(p: IPort) => {\r\n                    return `${p.country} (${p.unLoCode})`;\r\n                }}\r\n            />\r\n        </Container>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Checkbox, DatePicker, IDatePickerStyles } from \"@fluentui/react\";\r\nimport { useDateFunctions } from \"../../../../../hooks/useDateFunctions\";\r\nimport { useTankStateProvider } from \"../../../../../contextHooks/TankStateContext\";\r\nimport { TankStateFilterVessel } from \"./TankStateFilterVessel\";\r\nimport { TankStateFilterPorts } from \"./TankStateFilterPort\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n\r\n    .filter-header {\r\n        padding: 20px 0 10px 0;\r\n        font-size: 14px;\r\n        font-weight: 700;\r\n        font-family: Roboto;\r\n    }\r\n\r\n    .filter-header:first-of-type {\r\n        padding: 0 0 10px 0;\r\n    }\r\n\r\n    .filter-fixed-periods {\r\n        display: flex;\r\n        margin: 4px -6px 16px;\r\n\r\n        >div {\r\n            background-color: #EBF3FE;\r\n            border: 1px solid #5A8EFB;\r\n            color: #444;\r\n            margin: 0 5px;\r\n            font-size: 12px;\r\n            letter-spacing: .5px;\r\n            font-weight: 700;\r\n\r\n            font-family: Roboto;\r\n\r\n            border-radius: 4px;\r\n            padding: 4px 8px;\r\n            position: relative;\r\n\r\n            :hover {\r\n                cursor: pointer;\r\n                background-color: #ccc;\r\n            }\r\n        }\r\n    }\r\n\r\n    .filter-dates {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n    }\r\n`;\r\n//#endregion \r\n\r\nexport const TankStateFilters = () => {\r\n    const { from, to, setFrom, setTo, showInvalidOnly, toggleShowInvalidOnly } = useTankStateProvider();\r\n    const { makeDateObject } = useDateFunctions();\r\n\r\n    const datePickerStyle: IDatePickerStyles = {\r\n        root: {\r\n            borderColor: \"transparent\",\r\n            \"& .ms-TextField-fieldGroup\": {\r\n                borderRadius: \"4px\",\r\n\r\n                \":after\": {\r\n                    border: \"none\"\r\n                }\r\n            }\r\n        },\r\n        textField: undefined,\r\n        callout: undefined,\r\n        icon: undefined\r\n    }\r\n\r\n    const setPeriod = (_from: Date, _to: Date) => {\r\n        setFrom(_from);\r\n        setTo(_to);\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"filter-header\">\r\n                Period\r\n            </div>\r\n            <div className=\"filter-dates\">\r\n                <DatePicker\r\n                    value={from}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setFrom(makeDateObject(_).startOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n                <DatePicker\r\n                    value={to}\r\n                    styles={datePickerStyle}\r\n                    formatDate={_ => {\r\n                        return _ ? makeDateObject(_).toFormat(\"dd MMM. yy\") : \"\";\r\n                    }}\r\n                    onSelectDate={_ => {\r\n                        if (_) {\r\n                            setTo(makeDateObject(_).endOf(\"day\").toJSDate());\r\n                        }\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n            <div className=\"filter-header\">\r\n                Vessel\r\n            </div>\r\n            <TankStateFilterVessel />\r\n\r\n            <div className=\"filter-header\">\r\n                Ports\r\n            </div>\r\n            <TankStateFilterPorts />\r\n\r\n            <div className=\"filter-header\">\r\n                Filters\r\n            </div>           \r\n\r\n            <div className=\"filter-filters\">\r\n                <Checkbox\r\n                    label=\"Show rob changes with issues only\"\r\n                    checked={showInvalidOnly}\r\n                    onChange={() => {\r\n                        toggleShowInvalidOnly();\r\n                    }}\r\n                />\r\n            </div>\r\n        </Container >\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { CartesianGrid, XAxis, YAxis, Tooltip, ResponsiveContainer, Legend, ComposedChart, Area } from 'recharts';\r\nimport { ReChartsTooltip } from \"../../../../blocks/reCharts/ReChartsToolTip\";\r\nimport { ReChartsLegend } from \"../../../../blocks/reCharts/ReChartsLegend\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faChartColumn } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { AnimatedBars } from \"../../../../blocks/animatedBars/AnimatedBars\";\r\nimport { useTankStateProvider } from \"../../../../contextHooks/TankStateContext\";\r\nimport { useDwhTankStateAggregates } from \"../../../../api/hooks/useDwhTankStates\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    padding: 30px;\r\n    background-color: white;\r\n\r\n    .header {\r\n        >div:first-child {\r\n            display: grid;\r\n            grid-template-columns: auto 1fr;\r\n            gap: 10px;\r\n            font-weight: 900;\r\n            font-family: Roboto;\r\n            font-size: 20px;\r\n            margin-bottom: 5px;            \r\n        }\r\n        \r\n        >div:last-child {\r\n            font-size: 12px;\r\n            color: #999;\r\n        }\r\n\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .loading {\r\n        display: flex;\r\n        height: 100%;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n`;\r\n//#endregion \r\n\r\ninterface IChartData {\r\n    data: any[],\r\n    keys: IChartValue[]\r\n}\r\n\r\ninterface IChartValue {\r\n    key: string,\r\n    color: string,\r\n    stackId: string,\r\n    yAxisId: string\r\n}\r\n\r\nexport const TankStateGraph = () => {\r\n    const { from, to, port, vessel, tanks } = useTankStateProvider();\r\n    const { tankStateAggregateData: aggregatesData } = useDwhTankStateAggregates(from, to, vessel?.id, tanks, port?.id)\r\n    const [chartData, setChartData] = useState<IChartData | undefined>();\r\n\r\n    const colors: string[] = [\r\n        \"#1b2431\",\r\n        \"#476083\",\r\n        \"#698ec3\",\r\n        \"#8dbcff\",\r\n        \"#8fa1bb\",\r\n        \"#a9adb3\"\r\n    ];\r\n\r\n    const createChartData = () => {\r\n        let formattedData: any[] = [];\r\n        let bars: IChartValue[] = [];\r\n\r\n        aggregatesData?.forEach(ad => {\r\n            let chartEntry: any = {\r\n                name: ad.name\r\n            };\r\n\r\n            ad.tankRobs.forEach(tr => {\r\n                chartEntry[tr.tank.name!] = tr.rob;\r\n\r\n                let fuelTypeBar = bars.find(_ => _.key === tr.tank.name);\r\n\r\n                if (!fuelTypeBar) {\r\n                    bars.push({\r\n                        color: bars.length <= colors.length ? colors[bars.length] : \"green\",\r\n                        key: tr.tank.name!,\r\n                        stackId: \"1\",\r\n                        yAxisId: \"left\"\r\n                    })\r\n                }\r\n            });\r\n\r\n            formattedData.push(chartEntry);\r\n\r\n        });\r\n\r\n        setChartData({\r\n            data: formattedData,\r\n            keys: bars\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (aggregatesData) {\r\n            createChartData();\r\n        }\r\n    }, [aggregatesData]);\r\n\r\n    return (\r\n        <Container>\r\n            <div className=\"header\">\r\n                <div>\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faChartColumn} />\r\n                    </div>\r\n                    <div>\r\n                        Tank Rob breakdown\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    Aggregated using last daily rob change.\r\n                </div>\r\n            </div>\r\n            <div style={{ width: \"100%\", height: \"200px\", fontSize: \"12px\" }}>\r\n                {chartData\r\n                    ?\r\n                    <ResponsiveContainer width=\"100%\" height=\"100%\">\r\n                        <ComposedChart\r\n                            data={chartData?.data}\r\n                            margin={{\r\n                                // top: 30,\r\n                                // right: 10,\r\n                                // left: -5,\r\n                                // bottom: 25,\r\n                            }}\r\n                            barSize={20}\r\n                        >\r\n                            <CartesianGrid strokeDasharray=\"2 2\" />\r\n                            <XAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                dataKey=\"name\"\r\n                                scale=\"point\"\r\n                                padding={{ left: 10, right: 10 }}\r\n                            />\r\n                            <YAxis\r\n                                style={{ fontFamily: \"Roboto\" }}\r\n                                yAxisId=\"left\"\r\n                                width={75}\r\n                                tickFormatter={_ => {\r\n                                    return _.toLocaleString() + \" MT\";\r\n                                }}\r\n                            />\r\n                            <Tooltip\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsTooltip>\r\n                                            <div className=\"tt-header\">\r\n                                                {_.label}\r\n                                            </div>\r\n                                            <div className=\"tt-payload\">\r\n                                                {_.payload?.map(p => {\r\n                                                    return (\r\n                                                        <div key={`Payload_${p.name}`} style={{ color: p.color }} >\r\n                                                            <div>\r\n                                                                {p.name}\r\n                                                            </div>\r\n                                                            <div>\r\n                                                                {p.value?.toLocaleString()} MT\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    );\r\n                                                })}\r\n                                            </div>\r\n                                        </ReChartsTooltip>\r\n                                    );\r\n                                }}\r\n                            />\r\n                            <Legend\r\n                                content={_ => {\r\n                                    return (\r\n                                        <ReChartsLegend>\r\n                                            {_.payload?.map(p => {\r\n                                                return (\r\n                                                    <div key={`Legend_${p.value}`}>\r\n                                                        <div style={{ backgroundColor: p.color, height: p.type === \"line\" ? \"2px\" : undefined }} />\r\n                                                        <div>\r\n                                                            {p.value}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                );\r\n                                            })}\r\n                                        </ReChartsLegend>\r\n                                    );\r\n                                }}\r\n                            />\r\n\r\n                            {chartData?.keys.map(_ => {\r\n                                let color = chartData.keys.indexOf(_);\r\n                                return (\r\n                                    <Area\r\n                                        yAxisId=\"left\"\r\n                                        type=\"monotone\"\r\n                                        key={`Area_${_.key}`}\r\n                                        dataKey={`${_.key}`}\r\n                                        stroke={color <= colors.length ? colors[color] : \"green\"}\r\n                                        fill=\"#EBF3FE\"\r\n                                        strokeWidth={2}\r\n                                        animationDuration={500}\r\n                                        stackId={1}\r\n                                    />\r\n                                );\r\n                            })}\r\n\r\n                        </ComposedChart>\r\n                    </ResponsiveContainer>\r\n                    :\r\n                    <div className=\"loading\">\r\n                        <AnimatedBars\r\n                            height=\"14px\"\r\n                            altBarColor=\"#ddd\"\r\n                            barColor=\"#aaa\"\r\n                            barWidth=\"4px\"\r\n                        />\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Container>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport { AppPanel } from \"../../../../../blocks/appPanel/AppPanel\";\r\nimport { useConsumptionProvider } from \"../../../../../contextHooks/ConsumptionContext\";\r\nimport { PanelType } from \"@fluentui/react\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useDwhPortCall } from \"../../../../../api/hooks/useDwhPortCall\";\r\nimport { useDwhPortCalls } from \"../../../../../api/hooks/useDwhPortCalls\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { ConsumptionPortCallPanelHeader } from \"../../../../performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelHeader\";\r\nimport { ConsumptionPortCallPanelTimeline } from \"../../../../performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelRoute\";\r\nimport { ConsumptionPortCallPanelReportsAndConsumptionDetails } from \"../../../../performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelReportsAndConsumptionDetails\";\r\nimport { ConsumptionPortCallPanelDetails } from \"../../../../performance/consumption/Modules/PortCallPanel/Modules/ConsumptionPortCallPanelDetails\";\r\n\r\nexport const TankStateDetails = () => {\r\n    const [portCallId, setPortCallId] = useState();\r\n    const [portId, setPortId] = useState<number | undefined>();\r\n    const { detailType, detailId } = useParams<{ detailType: any, detailId: any }>();\r\n    // const { setPortCall } = useConsumptionProvider();\r\n    const { portCall } = useDwhPortCall(portCallId);\r\n    const history = useNavigate();\r\n    let topRef: HTMLDivElement | null;\r\n\r\n    // Portcals with same port\r\n    const { portCallsData } = useDwhPortCalls(\r\n        portId ? DateTime.now().plus({ years: -1 }).startOf(\"day\").toJSDate() : undefined,\r\n        portId ? DateTime.now().plus({ days: 2 }).endOf(\"day\").toJSDate() : undefined,\r\n        [],\r\n        portId\r\n    );\r\n\r\n    const closePanel = () => {\r\n        history(\"/performance/consumption\")\r\n    }\r\n\r\n    // Get complete leg\r\n    useEffect(() => {\r\n        if (portCall) {\r\n            // setPortCall(portCall);\r\n            setPortId(portCall.portCall.port?.id);\r\n            topRef?.scrollIntoView({ behavior: \"smooth\" });\r\n        }\r\n    }, [portCall])\r\n\r\n    \r\n    useEffect(() => {\r\n        if(detailType === \"portcalls\") {\r\n            setPortCallId(detailId);\r\n        }\r\n        else {\r\n            setPortCallId(undefined);\r\n        }\r\n    }, [detailType, detailId])\r\n\r\n    return (\r\n        <AppPanel\r\n            noPadding\r\n            noHeader\r\n            isOpen={portCallId ? true : false}\r\n            panelType={PanelType.custom}\r\n            customWidth=\"1100px\"\r\n            dismiss={closePanel}\r\n        >\r\n            <div ref={_ => topRef = _}>\r\n                <ConsumptionPortCallPanelHeader onCloseClick={closePanel} />\r\n            </div>\r\n            <div style={{ borderLeft: \"6px #4177bf solid\" }}>\r\n                <ConsumptionPortCallPanelTimeline />\r\n                <ConsumptionPortCallPanelReportsAndConsumptionDetails />\r\n                <ConsumptionPortCallPanelDetails />\r\n            </div>\r\n            <div>\r\n            </div>\r\n        </AppPanel>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ContentPageHeader } from \"../../../blocks/contentPage/ContentPageHeader\";\r\nimport { ContentPage } from \"../../../blocks/contentPage/ContentPage\";\r\nimport { ContentPageBody } from \"../../../blocks/contentPage/ContentPageBody\";\r\nimport { ContentPageNavigation } from \"../../../blocks/contentPage/ContentPageNavigation\";\r\nimport { TankStateTable } from \"./Modules/TankStateTable\";\r\nimport { TankStateFilters } from \"./Modules/Filter/TankStateFilter\";\r\nimport { TankStateGraph } from \"./Modules/TankStateGraph\";\r\nimport { TankStateDetails } from \"./Modules/Details/TankStateDetails\";\r\n\r\n//#region Styled Components\r\nconst Body = styled.div`\r\n    height: 100%;\r\n    display: grid;\r\n    grid-template-columns: auto 315px;\r\n\r\n    .right {\r\n        border-left: 1px solid #ddd;\r\n    }\r\n\r\n    @media (min-width: 3500px) {\r\n        .two-columns {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n`;\r\n\r\n//#endregion \r\n\r\nexport const TankStates = () => {\r\n    return (\r\n        <>\r\n            <ContentPage progressbar={false}>\r\n                <ContentPageHeader>\r\n                    <ContentPageNavigation\r\n                        items={[\r\n                            {\r\n                                id: \"metrics\",\r\n                                title: \"metrics\"\r\n                            },\r\n                            {\r\n                                id: \"tankStates\",\r\n                                title: \"Tank monitoring\",\r\n                                url: \"/tankstates\"\r\n                            }\r\n                        ]}\r\n                    />\r\n\r\n                </ContentPageHeader>\r\n                <ContentPageBody>\r\n                    <Body>\r\n                        <div>\r\n                            <TankStateGraph />\r\n                            <TankStateTable />\r\n                        </div>\r\n                        <div className=\"right\">\r\n                            <TankStateFilters />\r\n                        </div>\r\n                    </Body>\r\n                </ContentPageBody>\r\n            </ContentPage >\r\n            <TankStateDetails />\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { Routes, Route } from \"react-router-dom\";\r\nimport { TankStateContextProvider } from \"../../contextHooks/TankStateContext\";\r\nimport { TankStates } from \"./tankStates/TankStates\";\r\n\r\nexport const Metrics = () => {\r\n    return (\r\n        <Routes>\r\n            <Route path=\"/tankstates?/:detailType?/:detailId\" element={\r\n                <TankStateContextProvider>\r\n                    <TankStates />\r\n                </TankStateContextProvider>\r\n            } />\r\n        </Routes>\r\n    );\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { PortCallContainer } from \"../portCall/PortCallContainer\";\r\nimport PortContainer from \"../port/PortContainer\";\r\nimport { Settings } from \"../settings/Settings\";\r\nimport { Performance } from \"../performance/Performance\";\r\nimport { VoyageComponents } from \"../voyages\";\r\nimport { LogReports } from \"../reports/log/LogReports\";\r\nimport { LogReportContainer } from \"../reports/log/LogReport\";\r\nimport { Vessels } from \"../vessels/Vessels\";\r\nimport { NewVesselContainer, VesselContainer } from \"../vessels/edit/Vessel\";\r\nimport { Flows } from \"../flows/Flows\";\r\nimport { Fixtures } from \"../fixtures/Fixtures\";\r\nimport { FixtureContextProvider } from \"../../contextHooks/FixtureContext\";\r\nimport { TermSets } from \"../termSets/TermSets\";\r\nimport { TermSetContextProvider } from \"../../contextHooks/TermSetContext\";\r\nimport { TermSet } from \"../termSets/TermSet\";\r\nimport { Partners } from \"../partners/Partners\";\r\nimport { Correspondence } from \"../correspondence/Correnspondence\";\r\nimport { FixtureContainer } from \"../fixtures/FixtureContainer\";\r\nimport { Commodities } from \"../commodities/Commodities\";\r\nimport { Berths } from \"../berths/Berths\";\r\nimport { FreightTypes } from \"../freightTypes/FreightTypes\";\r\nimport { VoyageReport } from \"../voyages/report/VoyageReport\";\r\nimport { BunkerDeliveryNotes } from \"../reports/bdn/BunkerDeliveryNotes\";\r\nimport { BunkerDeliveryNoteContainer } from \"../reports/bdn/BunkerDeliveryNote\";\r\nimport { Ports } from \"../ports/Ports\";\r\nimport { Persons } from \"../persons/Persons\";\r\nimport { Trades } from \"../trades/Trades\";\r\nimport { PortCalls } from \"../portCalls/PortCalls\";\r\nimport { Help } from \"../help/Help\";\r\nimport { Admin } from \"../admin/Admin\";\r\nimport { Measurements } from \"../measurements/Measurements\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { LogReportContextProvider } from \"../../contextHooks/LogReportContext\";\r\nimport { BdnContextProvider } from \"../../contextHooks/BunkerDeliveryNoteContext\";\r\nimport { Mrv } from \"../mrv/Mrv\";\r\nimport { Chat } from \"../chat/Chat\";\r\nimport { FuelCorrections } from \"../reports/fuelCorrections/FuelCorrections\";\r\nimport { FuelCorrectionContextProvider } from \"../../contextHooks/FuelCorrectionContext\";\r\nimport { FuelCorrectionContainer } from \"../reports/fuelCorrections/FuelCorrection\";\r\nimport { LiveNew } from \"../LiveNew/LiveNew\";\r\nimport { LiveContextProvider } from \"../../contextHooks/LiveContext\";\r\nimport { FuelEUMaritime } from \"../fuelEU/FuelEUMaritime\";\r\nimport { TankTransferReportContextProvider } from \"../../contextHooks/TankTransferReportContext\";\r\nimport { TankTransfer } from \"../reports/tankTransfer/TankTransfer\";\r\nimport { TankTransfers } from \"../reports/tankTransfer/TankTransfers\";\r\nimport { Metrics } from \"../metrics/Metrics\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    background-color: #f1f1f1;\r\n`;\r\n//#endregion\r\n\r\nexport const MainBody: React.FC = () => {\r\n    const { app } = useAppContext();\r\n\r\n    return (\r\n        <Component>\r\n            <Routes>\r\n\r\n                {/* Admin */}\r\n                <Route path=\"/admin/*\" element={<Admin />} />\r\n\r\n                {/* Settings */}\r\n                <Route path=\"/settings/*\" element={<Settings />} />\r\n\r\n                {/* Live */}\r\n                <Route path=\"/\" element={\r\n                    <LiveContextProvider>\r\n                        <LiveNew />\r\n                    </LiveContextProvider>\r\n                } />\r\n\r\n                {/* Chat */}\r\n                <Route path=\"/chat/:vesselId?\" element={<Chat />} />\r\n\r\n                {/* PortCalls */}\r\n                <Route path=\"/portcalls\" element={<PortCalls />} />\r\n                <Route path=\"/portcalls/:id\" element={<PortCallContainer />} />\r\n\r\n                {/* Voyages */}\r\n                <Route path=\"/voyages\" element={<VoyageComponents.Container />} />\r\n                <Route path=\"/voyages/:id/edit\" element={<VoyageComponents.Edit.Container />} />\r\n                <Route path=\"/voyages/new\" element={<VoyageComponents.New.Container />} />\r\n                <Route path=\"/voyages/:id/report\" element={<VoyageReport />} />\r\n\r\n                {/* Log reports */}\r\n                <Route path=\"/reports/log\" element={<LogReports />} />\r\n                <Route path=\"/reports/log/:id\" element={\r\n                    <LogReportContextProvider>\r\n                        <LogReportContainer />\r\n                    </LogReportContextProvider>\r\n\r\n                } />\r\n\r\n                {/* Bunker delivery notes */}\r\n                <Route path=\"/reports/bdn\" element={<BunkerDeliveryNotes />} />\r\n                <Route path=\"/reports/bdn/:id\" element={\r\n                    <BdnContextProvider>\r\n                        <BunkerDeliveryNoteContainer />\r\n                    </BdnContextProvider>\r\n                } />\r\n\r\n                {/* Fuel corrections */}\r\n                {/* <Route path=\"/reports/fuelCorrections\" element={<FuelCorrections />} />\r\n                <Route path=\"/reports/fuelCorrections/:id\" element={\r\n                    <FuelCorrectionContextProvider>\r\n                        <FuelCorrectionContainer />\r\n                    </FuelCorrectionContextProvider>\r\n                } /> */}\r\n\r\n                {/* Tank transfers */}\r\n                <Route path=\"/reports/tt\" element={<TankTransfers />} />\r\n                <Route path=\"/reports/tt/:id\" element={\r\n                    <TankTransferReportContextProvider>\r\n                        <TankTransfer />\r\n                    </TankTransferReportContextProvider>\r\n\r\n                } />\r\n\r\n                {/* Consumption performance */}\r\n                <Route path=\"/performance/*\" element={<Performance />} />\r\n\r\n                {/* FuelEU Maritime */}\r\n                <Route path={\"/fuelEU/*\"} element={<FuelEUMaritime />} />\r\n\r\n                {/* Mrv */}\r\n                <Route path={\"/reports/mrv/*\"} element={<Mrv />} />\r\n\r\n                {/* Tank monitoring */}\r\n                <Route path={\"/metrics/*\"} element={<Metrics />} />\r\n\r\n                {/* Fixtures */}\r\n                <Route path=\"/fixtures\" element={<Fixtures />} />\r\n                <Route path=\"/fixtures/:id/*\" element={\r\n                    <FixtureContextProvider>\r\n                        <FixtureContainer />\r\n                    </FixtureContextProvider>\r\n                } />\r\n\r\n                {/* Emails */}\r\n                <Route path=\"/correspondence\" element={<Correspondence />} />\r\n\r\n                {/* Berths */}\r\n                <Route path=\"/berths/:id?\" element={<Berths />} />\r\n\r\n                {/* Commodities */}\r\n                <Route path=\"/commodities/:id?\" element={<Commodities />} />\r\n\r\n                {/* Flows */}\r\n                <Route path=\"/flows/*\" element={<Flows />} />\r\n\r\n                {/* Freight types */}\r\n                <Route path=\"/freighttypes/:id?\" element={<FreightTypes />} />\r\n\r\n                {/* Help */}\r\n                <Route path=\"/help/*\" element={<Help />} />\r\n\r\n                {/* Measurements */}\r\n                <Route path=\"/measurements/:id?\" element={<Measurements />} />\r\n\r\n                {/* Partners */}\r\n                <Route path=\"/partners/:id?\" element={<Partners />} />\r\n\r\n                {/* Persons */}\r\n                <Route path=\"/persons/:id?\" element={<Persons />} />\r\n\r\n                {/* Ports */}\r\n                <Route path=\"/ports/:id?\" element={<Ports />} />\r\n                <Route path=\"/ports/:id/performance\" element={<PortContainer />} />\r\n\r\n                {/* Term sets */}\r\n                <Route path=\"/termSets\" element={<TermSets />} />\r\n                <Route path=\"/termSets/:id\" element={\r\n                    <TermSetContextProvider>\r\n                        <TermSet />\r\n                    </TermSetContextProvider>\r\n                } />\r\n\r\n                {/* Trades */}\r\n                <Route path=\"/trades/:id?\" element={<Trades />} />\r\n\r\n                {/* Vessels */}\r\n                <Route path=\"/vessels\" element={<Vessels />} />\r\n                <Route path=\"/vessels/new\" element={<NewVesselContainer />} />\r\n                <Route path=\"/vessels/:id/edit\" element={<VesselContainer />} />\r\n\r\n            </Routes>\r\n        </Component >\r\n    );\r\n}","import { faTimes } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useRef } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport useOutsideClick from \"../../hooks/useOutsideClick\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { ICompanyRole } from \"../../interfaces/ICompanyRole\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    position: fixed;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 10000;\r\n\r\n    animation-name: animateBg;\r\n    animation-duration: .25s;\r\n    animation-fill-mode: forwards;\r\n\r\n    @keyframes animateBg {\r\n        0% { background-color: rgb(0, 0, 0, .0); }\r\n        100% { background-color: rgb(0, 0, 0, .4); }\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    width: 310px;\r\n    background-color: white;\r\n    color: black;\r\n    position: absolute;\r\n    left: 40px;\r\n    top: 52px;\r\n    z-index: 1;\r\n    border-radius: 4px;\r\n\r\n    >div:last-child {\r\n        overflow-y: auto;\r\n        max-height: calc(100vh - 200px);\r\n    }\r\n`;\r\n\r\nconst Header = styled.div`\r\n    color: #555;\r\n    border-radius: 4px 4px 0 0;\r\n    background-color: #e9e9e9;\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        text-transform: uppercase;\r\n        letter-spacing: .5px;\r\n        padding: 14px 30px 13px;\r\n        font-size: 10px;\r\n        font-weight: 500;\r\n        flex-grow: 1;\r\n    }\r\n\r\n    >div:last-child {\r\n        padding: 0 25px;\r\n        display: flex;\r\n        align-items: center;\r\n        color: #666;\r\n        cursor: pointer;\r\n\r\n        :hover {\r\n            color: #4177bf;\r\n        }\r\n    }\r\n\r\n    :before{\r\n        content: \"\";\r\n        position: absolute;\r\n        width: 0;\r\n        height: 0;\r\n        top: -5px;\r\n        left: 50%;\r\n        transform: translateX(-50%) rotate(-45deg);\r\n        box-sizing: border-box;\r\n        border: 5px solid black;\r\n        border-color: transparent transparent #222c3d #222c3d;\r\n    }\r\n`;\r\n\r\nconst Role = styled.div<{ active: boolean }>`\r\n    border-top: 1px solid #e6e6e6;\r\n    padding: 12px 30px 14px 26px;\r\n    border-left: 4px solid;\r\n    border-left-color: ${_ => _.active ? \"#4177bf\" : \"transparent\"};\r\n    font-weight: 600;\r\n    color: #333;\r\n    cursor: pointer;\r\n\r\n    >div:last-child {\r\n        font-size: 12px;\r\n        font-weight: 400;\r\n        color: #888;\r\n        letter-spacing: .5px;        \r\n    }\r\n    \r\n    :hover {\r\n        background-color: #f1f1f1;\r\n    }\r\n\r\n    :last-child {\r\n        border-radius: 0 0 0 4px;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nconst MeCallout: React.FC<{ close: () => void }> = ({ close }) => {\r\n    // Deprecated\r\n    const { app } = useAppContext();\r\n    \r\n    const { splitCamlCase } = useStringFunctions();\r\n    const { currentCompanyRole, setCurrentCompanyRole, user } = useAppProvider();\r\n    const calloutRef = useRef(null);\r\n    \r\n\r\n    useOutsideClick(calloutRef, close);\r\n\r\n    const changeCompany = (role: ICompanyRole) => {\r\n        // Deprecated\r\n        app.updateRole(role);\r\n\r\n        // New using provider\r\n        setCurrentCompanyRole(role);\r\n\r\n        close();\r\n        window.location.reload();\r\n    }\r\n\r\n    const groupedRoles = () => {\r\n        return user.customerRoles ? Array.from(\r\n            user.customerRoles.slice().reduce(\r\n                (entryMap, e) => entryMap.set(e.customer.id, [...entryMap.get(e.customer.id) || [], e]),\r\n                new Map()\r\n            ).entries()\r\n        ).sort((a, b) => {\r\n\r\n            let aName = a[1][0].customer.name.toString();\r\n            let bName = b[1][0].customer.name.toString();\r\n\r\n            return aName > bName ? 1 : -1;\r\n\r\n        }) : [];\r\n    }\r\n\r\n    return (\r\n        <Container >\r\n            <Body ref={calloutRef}>\r\n                <Header>\r\n                    <div>\r\n                        Change company\r\n                    </div>\r\n                    <div title=\"Close\" onClick={close}>\r\n                        <FontAwesomeIcon icon={faTimes} />\r\n                    </div>\r\n                </Header>\r\n                <div>\r\n                    {groupedRoles().map((_map: [string, ICompanyRole[]]) => {\r\n                        let c = _map[1][0].customer;\r\n                        let roles = _map[1];\r\n\r\n                        return (\r\n                            <Role\r\n                                key={`company_${c.id}`}\r\n                                onClick={() => changeCompany(roles[0])}\r\n                                active={c.id === currentCompanyRole?.customer.id}\r\n                            >\r\n                                <div>\r\n                                    {c.name}\r\n                                </div>\r\n                                <div>\r\n                                    <span>{splitCamlCase(c.customerType)}</span>\r\n                                    <span> | </span>\r\n                                    <span\r\n                                        style={{ color: \"#4177bf\" }}\r\n                                        title={roles.length > 1 ? roles.map(_ => splitCamlCase(_.role.name)).join(\", \") : undefined}\r\n                                    >\r\n                                        {roles.length > 1 ? `${roles.length} roles` : splitCamlCase(roles[0].role.name)}\r\n                                    </span>\r\n                                </div>\r\n                            </Role>\r\n                        );\r\n                    })}\r\n                </div>\r\n            </Body>\r\n        </Container>\r\n    );\r\n}\r\n\r\nexport default MeCallout;","import React, { createContext, Dispatch, useContext, useReducer } from 'react';\r\n\r\ntype ReducerAction =\r\n    | { type: \"setFilter\", filter: string }\r\n    | { type: \"setSelectedId\", selectedId?: string }\r\n    | { type: \"setFilteredIds\", filteredIds: string[] };\r\n\r\ntype ContextData = {\r\n    filter: string,\r\n    selectedId?: string\r\n    filteredIds: string[]\r\n}\r\n\r\ninterface IReducers {\r\n    state: ContextData,\r\n    dispatch: Dispatch<ReducerAction>,\r\n}\r\n\r\nconst initialState: any = {\r\n    filter: \"\",\r\n    filteredIds: []\r\n};\r\n\r\nconst Context = createContext(initialState);\r\nconst useMenuContext = (): IReducers => useContext(Context);\r\n\r\nconst reducer = (state: ContextData, action: ReducerAction): ContextData => {\r\n    switch (action.type) {\r\n        case \"setFilter\":\r\n            return {\r\n                ...state,\r\n                filter: action.filter\r\n            };\r\n        case \"setSelectedId\":\r\n            return {\r\n                ...state,\r\n                selectedId: action.selectedId\r\n            };\r\n        case \"setFilteredIds\":\r\n            return {\r\n                ...state,\r\n                filteredIds: action.filteredIds\r\n            };\r\n    }\r\n}\r\n\r\nexport const MenuContextProvider: React.FC = ({ children }) => {\r\n    const [state, dispatch] = useReducer(reducer, initialState);\r\n    return (\r\n        <Context.Provider value={{ state, dispatch }}>\r\n            {children}\r\n        </Context.Provider>\r\n    )\r\n}\r\n\r\nexport const useMenuProvider = () => {\r\n    const { state, dispatch } = useMenuContext();\r\n\r\n    return {\r\n        filter: state.filter,\r\n        selectedId: state.selectedId,\r\n        filteredIds: state.filteredIds,\r\n\r\n        setFilter: (filter: string) => {\r\n            dispatch({ type: \"setFilter\", filter })\r\n        },\r\n\r\n        setSelectedId: (selectedId?: string) => {\r\n            dispatch({ type: \"setSelectedId\", selectedId })\r\n        },\r\n\r\n        setFilteredIds: (filteredIds: string[]) => {\r\n            dispatch({ type: \"setFilteredIds\", filteredIds })\r\n        }\r\n    };\r\n}","\r\nimport React from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { faChevronDown, faChevronUp, faClock, faFlask, faLock } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { IMenuItem } from \"../../../interfaces/IMenuItem\";\r\nimport { useCachedFilters } from \"../../../hooks/useCachedFilters\";\r\nimport { CachedFilterType } from \"../../../interfaces/ICachedFilter\";\r\nimport { useMenuProvider } from \"../../../contextHooks/MenuContext\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\n\r\n//#region Styled Components\r\nconst Component = styled(Link) <{ locked: number, selected: boolean, ischild: number }>`\r\n    display: grid;\r\n    grid-template-columns: 0 28px 1fr auto;\r\n    padding: ${_ => _.ischild ? \"11px 30px 11px 60px\" : \"11px 30px 11px 26px\"};\r\n    font-size: 12px;\r\n    text-decoration: unset !important;\r\n    text-transform: uppercase;\r\n    color: ${_ => _.locked ? \"#5f6a7b\" : \"white\"} !important;\r\n    cursor: ${_ => _.locked ? \"default\" : \"pointer\"};\r\n    pointer-events: ${_ => _.locked ? \"none\" : \"all\"}; \r\n    border-left: 4px transparent solid;\r\n    z-index: 10;\r\n\r\n    ${_ => _.selected\r\n        ? css`\r\n            background-color: #2d394e;\r\n            border-left: 4px solid #4177bf;\r\n        `\r\n        : undefined\r\n    }\r\n\r\n    :hover {\r\n        background-color: ${_ => _.locked ? \"transparent\" : \"#2d394e\"};\r\n        border-left: 4px solid #4177bf;\r\n    }\r\n\r\n    .line {\r\n        position: relative;\r\n\r\n        >div {\r\n            position: absolute;\r\n            height: 39px;\r\n            width: 15px;\r\n            top: -31px;\r\n            left: -28px;\r\n            border-left: 1px solid #475875;\r\n            border-bottom: 1px solid #475875;\r\n        }\r\n    }\r\n\r\n    .icon {\r\n        margin-top: -3px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .title {\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        letter-spacing: .5px;\r\n        flex-grow: 1;\r\n\r\n        .has-children {\r\n            margin-left: 8px;\r\n        }\r\n    }\r\n\r\n    .tags {\r\n        display: flex;\r\n        margin: 0 -4px;\r\n\r\n        >div {\r\n            margin: 0 4px;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        >div:first-child {\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .locked {\r\n            font-size: 10px;\r\n        }\r\n\r\n        .tag {\r\n            padding: 2px 4px;\r\n            border-radius: 2px;\r\n            font-size: 10px;\r\n            font-weight: 500;\r\n            letter-spacing: 1px;\r\n\r\n            svg {\r\n                margin-right: 4px;\r\n            }\r\n        }\r\n\r\n        .beta {\r\n            background-color: #4177bf;\r\n            color: white;\r\n        }\r\n\r\n        .soon {\r\n            background-color: #666;\r\n            color: #ccc;\r\n            font-weight: 100;\r\n        }\r\n    }\r\n\r\n    ${_ => _.ischild\r\n        ? css`\r\n            padding: 11px 30px 11px 60px;\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n\r\nconst Sub = styled.div<{ expanded: boolean, containerheight: number }>`\r\n    height: ${_ => _.expanded ? `${_.containerheight}px` : 0};\r\n    overflow-y: hidden;\r\n    transition: height .15s ease-in-out;\r\n\r\n    >a:last-child {\r\n        .line {\r\n            >div {\r\n                border-bottom-left-radius: 4px;\r\n            }\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MenuItem: React.FC<{ item: IMenuItem }> = ({ item }) => {\r\n    const { setCachedFilters } = useCachedFilters();\r\n    const { setFilter } = useMenuProvider();\r\n    const [expanded, { toggle: toggleExpanded }] = useBoolean(false);\r\n    const hasChildren = item.children && item.children.length > 0;\r\n\r\n    const handleSpecialRoutes = () => {\r\n        if (item.url?.toLowerCase().startsWith(\"/portcalls\")) {\r\n            if (item.url.indexOf(\"today\") > 0 || item.url.indexOf(\"scheduled\") > 0) {\r\n                setCachedFilters(CachedFilterType.PortCalls, []);\r\n            }\r\n        }\r\n    }\r\n\r\n    const onClick = (ev: React.MouseEvent<HTMLAnchorElement, MouseEvent>, clickedItem: IMenuItem) => {\r\n        setFilter(\"\");\r\n        handleSpecialRoutes();\r\n\r\n        if (clickedItem.onClick) {\r\n            ev.preventDefault();\r\n            clickedItem.onClick();\r\n        }\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <MenuItemContainer\r\n                item={item}\r\n                expanded={expanded}\r\n                onClick={ev => {\r\n                    if (hasChildren) {\r\n                        toggleExpanded();\r\n                        return;\r\n                    }\r\n                    onClick(ev, item);\r\n                }}\r\n            />\r\n\r\n            {item.children && item.children.length > 0 &&\r\n                <Sub expanded={expanded} containerheight={item.children.length * 40}>\r\n                    {item.children.map(childItem => {\r\n                        return (\r\n                            <MenuItemContainer\r\n                                key={`${item.id}_${childItem.id}`}\r\n                                item={childItem}\r\n                                isChild={true}\r\n                                onClick={ev => {\r\n                                    onClick(ev, childItem);\r\n                                }}\r\n                            />\r\n                        );\r\n                    })}\r\n                </Sub>\r\n            }\r\n        </>\r\n    );\r\n}\r\n\r\nconst MenuItemContainer: React.FC<{ item: IMenuItem, onClick: (ev: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void, isChild?: boolean, expanded?: boolean }> = ({ item, onClick, isChild, expanded }) => {\r\n    const { selectedId } = useMenuProvider();\r\n    const hasChildren = item.children && item.children.length > 0;\r\n\r\n    return (\r\n        <Component\r\n            to={item.url!}\r\n            locked={item.locked ? 1 : 0}\r\n            ischild={isChild ? 1 : 0}\r\n            selected={selectedId && selectedId === item.id ? true : false}\r\n            onClick={onClick}\r\n        >\r\n            <div className=\"line\">\r\n                {isChild &&\r\n                    <div />\r\n                }\r\n            </div>\r\n\r\n            <div className=\"icon\">\r\n                {item.icon}\r\n            </div>\r\n            <div className=\"title\">\r\n                {item.title}\r\n                {hasChildren &&\r\n                    <FontAwesomeIcon\r\n                        className=\"has-children\"\r\n                        icon={expanded ? faChevronUp : faChevronDown}\r\n                    />\r\n                }\r\n            </div>\r\n            <div className=\"tags\">\r\n                {item.locked &&\r\n                    <div className=\"locked\">\r\n                        <FontAwesomeIcon icon={faLock} />\r\n                    </div>\r\n                }\r\n                {item.beta &&\r\n                    <div className=\"tag beta\" title=\"Beta feature\">\r\n                        <FontAwesomeIcon icon={faFlask} /> BETA\r\n                    </div>\r\n                }\r\n                {item.comming &&\r\n                    <div className=\"tag soon\" title=\"Upcomming feature\">\r\n                        <FontAwesomeIcon icon={faClock} /> SOON\r\n                    </div>\r\n                }\r\n            </div>\r\n        </Component>\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { faChevronDown } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useAppContext } from \"../../../globalHooks/useStores\";\r\nimport { useRoles } from \"../../../hooks/useRoles\";\r\nimport { IMenuSection } from \"../../../interfaces/IMenuSection\";\r\nimport { MenuItem } from \"./MenuItem\";\r\nimport { useMenuProvider } from \"../../../contextHooks/MenuContext\";\r\nimport { IMenuItem } from \"../../../interfaces/IMenuItem\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ toggle?: boolean, expanded: boolean }>`\r\n    border-bottom: 1px solid #2b384c;\r\n    position: relative;\r\n\r\n    .menu-group-header {\r\n        padding: 20px 30px 20px 30px;\r\n        text-transform: uppercase;\r\n        font-size: 11px;\r\n        font-weight: 400;\r\n        letter-spacing: 2px;\r\n        color: #bbb;\r\n        display: grid;\r\n        grid-template-columns: 1fr auto;\r\n\r\n        .menu-group-title {\r\n            flex-grow: 1;\r\n        }\r\n\r\n        .menu-group-title.no-items {\r\n            text-decoration: line-through;\r\n            opacity: .5;\r\n        }\r\n\r\n        .menu-group-toggle {\r\n            svg {\r\n                transform: ${_ => _.expanded ? \"rotateZ(180deg)\" : undefined};\r\n                transition: transform 250ms ease;\r\n            }\r\n        }\r\n\r\n        :hover {\r\n            ${_ => _.toggle ? css`\r\n                    background-color: #2d394e;\r\n                    cursor: pointer;\r\n                ` : undefined}\r\n        }\r\n    }\r\n\r\n    .menu-group-items {\r\n        padding-bottom: 10px;\r\n    }\r\n\r\n    :hover {\r\n        .header {\r\n            color: white;\r\n        }\r\n\r\n        .leftBorder {\r\n            background-color: rgb(255,255,255, .1);\r\n        }\r\n    }\r\n`;\r\n\r\nconst LeftBorder = styled.div`\r\n    position: absolute;\r\n    width: 4px;\r\n    height: 100%;\r\n    left: 0px;\r\n    top: 0;\r\n    z-index: 0;\r\n`;\r\n//#endregion\r\n\r\nexport const MenuSection: React.FC<{ item: IMenuSection }> = ({ item }) => {\r\n    const { app } = useAppContext();\r\n    const { filter, filteredIds } = useMenuProvider();\r\n    const { hasCompanyRole, hasSystemRole } = useRoles();\r\n    const [expanded, setExpanded] = useState(true);\r\n    const [visibleItems, setVisibleItems] = useState<IMenuItem[]>([]);\r\n    const noItems = visibleItems.length === 0;\r\n\r\n    useEffect(()=> {\r\n        if (item.toggle) {\r\n            setExpanded(false);\r\n        }\r\n    }, [])\r\n\r\n    useEffect(() => {\r\n        setVisibleItems(item.items.filter(_item => {\r\n            if (_item.hidden || _item.requiredCompanyRole && !hasCompanyRole(_item.requiredCompanyRole, app.currentCustomerRole.customer, app.me.customerRoles)) {\r\n                return;\r\n            }\r\n\r\n            if(filter.trim().length > 0) {\r\n                return filteredIds.indexOf(_item.id) >= 0;\r\n            }\r\n            else {\r\n                return _item;\r\n            }\r\n        }));\r\n    }, [filteredIds])\r\n\r\n    if (item.requiredSystemRole && !hasSystemRole(item.requiredSystemRole, app.me.systemRoles)) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Component toggle={item.toggle} expanded={(filteredIds.length > 0 || expanded)} style={{ display: noItems ? \"none\" : \"block\" }}>\r\n            <div\r\n                className=\"menu-group-header\"\r\n                title={item.toggle ? expanded ? `Collpase ${item.title}` : `Expand ${item.title}` : undefined}\r\n                onClick={() => {\r\n                    if (item.toggle) {\r\n                        setExpanded(!expanded);\r\n                    }\r\n                }}\r\n            >\r\n                <div className=\"menu-group-title\">\r\n                    {item.title}\r\n                </div>\r\n                {item.toggle &&\r\n                    <div className=\"menu-group-toggle\">\r\n                        <FontAwesomeIcon icon={faChevronDown} />\r\n                    </div>\r\n                }\r\n            </div>\r\n            {(filteredIds.length > 0 || expanded) && visibleItems.length > 0 &&\r\n                <div className=\"menu-group-items\">\r\n                    {visibleItems.map(item => {\r\n                        return <MenuItem key={item.id} item={item} />;\r\n                    })}\r\n                </div>\r\n            }\r\n            <LeftBorder className=\"leftBorder\" />\r\n        </Component>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { IMenuSection } from \"../interfaces/IMenuSection\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faHeartbeat, faCommentDots, faAnchor, faBook, faBoxes, faCalculator, faCalendar, faCalendarDay, faClipboard, faCodeBranch, faCog, faEnvelopeOpen, faFileAlt, faFileContract, faFileInvoice, faGasPump, faGlobeEurope, faHandshake, faHeadset, faList, faMapMarked, faMessage, faRoute, faShip, faSlidersH, faTint, faUserAlt, faUsers, faWifi, faWrench, faRuler, faChartLine, faExchange, faDroplet } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { SystemRoles } from \"../_enums/SystemRoles\";\r\nimport { Icon } from \"@fluentui/react\";\r\nimport { CompanyRoles } from \"../_enums/CompanyRoles\";\r\nimport { VoyageReportConsumptionType } from \"../_enums/VoyageReportConsumptionType\";\r\nimport { useAppProvider } from \"../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Pulse = styled.div`\r\n    animation: pulse-icon 1.5s infinite;\r\n    width: fit-content;\r\n\r\n    @keyframes pulse-icon {\r\n        0% {\r\n            transform: scale(.8);\r\n        }\r\n        \r\n        70% {\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        100% {\r\n            transform: scale(.8);\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const useMenu = () => {\r\n    const { currentCompanyRole } = useAppProvider();\r\n\r\n    const menuItems: IMenuSection[] = [\r\n        {\r\n            id: \"Main\",\r\n            title: \"Main\",\r\n            items: [\r\n                {\r\n                    id: \"Live\",\r\n                    title: \"Live\",\r\n                    icon: <Pulse><FontAwesomeIcon icon={faHeartbeat} style={{ color: \"#4177bf\" }} /></Pulse>,\r\n                    url: \"/\"\r\n                },\r\n                {\r\n                    id: \"Chat\",\r\n                    title: \"Chat\",\r\n                    icon: <FontAwesomeIcon icon={faCommentDots} />,\r\n                    url: \"/chat\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Portcalls\",\r\n            title: \"PortCalls\",\r\n            items: [\r\n                {\r\n                    id: \"Scheduled\",\r\n                    title: \"Scheduled\",\r\n                    hoverTitle: \"Scheduled portcalls\",\r\n                    icon: <FontAwesomeIcon icon={faCalendar} />,\r\n                    url: \"/portcalls?view=scheduled\"\r\n                },\r\n                {\r\n                    id: \"Today\",\r\n                    title: \"Today\",\r\n                    hoverTitle: \"Todays portcalls\",\r\n                    icon: <FontAwesomeIcon icon={faCalendarDay} style={{ color: \"#4177bf\" }} />,\r\n                    url: \"/portcalls?view=today\"\r\n                },\r\n                {\r\n                    id: \"All\",\r\n                    title: \"All\",\r\n                    hoverTitle: \"All portcalls\",\r\n                    icon: <FontAwesomeIcon icon={faList} />,\r\n                    url: \"/portcalls?view=all\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Voyages\",\r\n            title: \"Voyages\",\r\n            items: [\r\n                {\r\n                    id: \"VoyageList\",\r\n                    title: \"Voyages\",\r\n                    icon: <FontAwesomeIcon icon={faRoute} />,\r\n                    url: \"/voyages\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Reports\",\r\n            title: \"Reports\",\r\n            items: [\r\n                {\r\n                    id: \"LogReports\",\r\n                    title: \"Log reports\",\r\n                    fuzzy: [\"noon\"],\r\n                    icon: <FontAwesomeIcon icon={faFileInvoice} />,\r\n                    url: \"/reports/log\"\r\n                },\r\n                {\r\n                    id: \"BunkerDeliveryNotes\",\r\n                    title: \"Bunker delivery notes\",\r\n                    fuzzy: [\"bdn\", \"bdns\"],\r\n                    icon: <FontAwesomeIcon icon={faGasPump} />,\r\n                    url: \"/reports/bdn\"\r\n                },\r\n                {\r\n                    id: \"TankTransfers\",\r\n                    title: \"Tank transfers\",\r\n                    icon: <FontAwesomeIcon icon={faExchange} />,\r\n                    url: \"/reports/tt\"\r\n                },\r\n                // {\r\n                //     id: \"FuelCorrections\",\r\n                //     title: \"Fuel corrections\",\r\n                //     icon: <FontAwesomeIcon icon={faWrench} />,\r\n                //     url: \"/reports/fuelCorrections\",\r\n                //     hidden: currentCompanyRole?.customer.voyageReportSettings?.consumptionType !== VoyageReportConsumptionType.Consumption\r\n                // },\r\n                {\r\n                    id: \"ConsumptionAndEua\",\r\n                    title: \"Consumption & EUA\",\r\n                    icon: <FontAwesomeIcon icon={faTint} />,\r\n                    url: \"/performance/consumption\"\r\n                },\r\n                {\r\n                    id: \"FuelEU\",\r\n                    title: \"Fuel EU Maritime\",\r\n                    icon: <FontAwesomeIcon icon={faGlobeEurope} />,\r\n                    url: \"/fuelEU/fuelEUMaritime\"\r\n                },\r\n                {\r\n                    id: \"TankStates\",\r\n                    title: \"Tank monitoring\",\r\n                    icon: <FontAwesomeIcon icon={faChartLine} />,\r\n                    url: \"/metrics/tankstates\",\r\n                },\r\n                {\r\n                    id: \"Mrv\",\r\n                    title: \"Mrv\",\r\n                    icon: <FontAwesomeIcon icon={faClipboard} />,\r\n                    url: \"/reports/mrv\",\r\n                }\r\n                // {\r\n                //     id: \"Performance\",\r\n                //     title: \"Performance\",\r\n                //     icon: <FontAwesomeIcon icon={faChartLine} />,\r\n                //     children: [\r\n                //         {\r\n                //             id: \"Ptest Dir\",\r\n                //             title: \"Ptest 1 Dir\",\r\n                //             icon: <FontAwesomeIcon icon={faClipboard} />,\r\n                //             // url: \"/reports/mrv\",\r\n                //         },\r\n                //         {\r\n                //             id: \"p test 2\",\r\n                //             title: \"Another Ptest 2\",\r\n                //             icon: <FontAwesomeIcon icon={faFileAlt} />,\r\n                //             url: \"/reports/mrv\",\r\n                //         },\r\n                //         {\r\n                //             id: \"p test 3\",\r\n                //             title: \"This reports est 3\",\r\n                //             icon: <FontAwesomeIcon icon={faClipboard} />,\r\n                //             // url: \"/reports/mrv\",\r\n                //         }\r\n                //     ]\r\n                // }\r\n            ]\r\n        },\r\n        /*\r\n        {\r\n            id: \"Performance\",\r\n            title: \"Performance\",\r\n            items: [\r\n                {\r\n                    id: \"Consumption\",\r\n                    title: \"Consumption\",\r\n                    icon: <FontAwesomeIcon icon={faTint} />,\r\n                    url: \"/performance/consumption\"\r\n                },\r\n                // {\r\n                //     id: \"ConsumptionOld\",\r\n                //     title: \"Consumption Old\",\r\n                //     icon: <FontAwesomeIcon icon={faTint} />,\r\n                //     url: \"/performance/consumptionold\"\r\n                // }\r\n            ]\r\n        },\r\n        */\r\n        {\r\n            id: \"Fixtures\",\r\n            title: \"Fixtures\",\r\n            items: [\r\n                {\r\n                    id: \"Fixtures\",\r\n                    title: \"Fixtures\",\r\n                    icon: <FontAwesomeIcon icon={faFileContract} />,\r\n                    url: \"/fixtures\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Correspondence\",\r\n            title: \"Correspondence\",\r\n            items: [\r\n                {\r\n                    id: \"Emails\",\r\n                    title: \"Emails\",\r\n                    icon: <FontAwesomeIcon icon={faEnvelopeOpen} />,\r\n                    url: \"/correspondence\"\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"MasterData\",\r\n            title: \"Master data\",\r\n            toggle: true,\r\n            items: [\r\n                {\r\n                    id: \"Berths\",\r\n                    title: \"Berths\",\r\n                    icon: <FontAwesomeIcon icon={faAnchor} />,\r\n                    url: \"/berths\"\r\n                },\r\n                {\r\n                    id: \"Commodities\",\r\n                    title: \"Commodities\",\r\n                    icon: <FontAwesomeIcon icon={faBoxes} />,\r\n                    url: \"/commodities\"\r\n                },\r\n                {\r\n                    id: \"Flows\",\r\n                    title: \"Flows\",\r\n                    icon: <FontAwesomeIcon icon={faCodeBranch} />,\r\n                    url: \"/flows\"\r\n                },\r\n                {\r\n                    id: \"FreightTypes\",\r\n                    title: \"Freight types\",\r\n                    icon: <FontAwesomeIcon icon={faFileAlt} />,\r\n                    url: \"/freighttypes\",\r\n                },\r\n                {\r\n                    id: \"Measurements\",\r\n                    title: \"Measurements\",\r\n                    icon: <FontAwesomeIcon icon={faRuler} />,\r\n                    url: \"/measurements\",\r\n                },\r\n                {\r\n                    id: \"Partners\",\r\n                    title: \"Partners\",\r\n                    icon: <FontAwesomeIcon icon={faHandshake} />,\r\n                    url: \"/partners\"\r\n                },\r\n                {\r\n                    id: \"Persons\",\r\n                    title: \"Persons\",\r\n                    icon: <FontAwesomeIcon icon={faUsers} />,\r\n                    url: \"/persons\",\r\n                },\r\n                {\r\n                    id: \"Ports\",\r\n                    title: \"Ports\",\r\n                    icon: <FontAwesomeIcon icon={faGlobeEurope} />,\r\n                    url: \"/ports\",\r\n                },\r\n                {\r\n                    id: \"TermSets\",\r\n                    title: \"Term sets\",\r\n                    fuzzy: [\"terms\", \"termsets\"],\r\n                    icon: <FontAwesomeIcon icon={faSlidersH} />,\r\n                    url: \"/termSets\"\r\n                },\r\n                {\r\n                    id: \"Trades\",\r\n                    title: \"Trades\",\r\n                    icon: <FontAwesomeIcon icon={faMapMarked} />,\r\n                    url: \"/trades\"\r\n                },\r\n                {\r\n                    id: \"Vessels\",\r\n                    title: \"Vessels\",\r\n                    icon: <FontAwesomeIcon icon={faShip} />,\r\n                    url: \"/vessels\",\r\n                }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Settings\",\r\n            title: \"Settings\",\r\n            toggle: true,\r\n            items: [\r\n                {\r\n                    id: \"Company\",\r\n                    title: \"Company\",\r\n                    icon: <FontAwesomeIcon icon={faCog} />,\r\n                    url: \"/settings/company\",\r\n                    requiredCompanyRole: CompanyRoles.CompanyAdmin\r\n                },\r\n                {\r\n                    id: \"User\",\r\n                    title: \"User\",\r\n                    icon: <FontAwesomeIcon icon={faUserAlt} />,\r\n                    url: \"/settings/me\"\r\n                },\r\n                {\r\n                    id: \"Laytime\",\r\n                    title: \"Laytime\",\r\n                    icon: <FontAwesomeIcon icon={faCalculator} />,\r\n                    url: \"/settings/laytime\"\r\n                },\r\n                {\r\n                    id: \"Webhooks\",\r\n                    title: \"Webhooks\",\r\n                    icon: <FontAwesomeIcon icon={faWifi} />,\r\n                    // url: \"/settings/webhooks\",\r\n                    comming: true,\r\n                    locked: true\r\n                }\r\n                // {\r\n                //     id: \"Subscription\",\r\n                //     title: \"Subscription\",\r\n                //     icon: <FontAwesomeIcon icon={faKey} />,\r\n                //     url: \"/settings/subscription\",\r\n                //     requiredCompanyRole: CompanyRoles.CompanyAdmin\r\n                // }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Help\",\r\n            title: \"Help\",\r\n            toggle: true,\r\n            items: [\r\n                {\r\n                    id: \"Documents\",\r\n                    title: \"Documents\",\r\n                    icon: <FontAwesomeIcon icon={faBook} />,\r\n                    url: \"/help/docs\"\r\n                },\r\n                {\r\n                    id: \"Contact\",\r\n                    title: \"Contact\",\r\n                    icon: <FontAwesomeIcon icon={faHeadset} />,\r\n                    url: \"/help/form\"\r\n                },\r\n                {\r\n                    id: \"ApiInterfaces\",\r\n                    title: \"API interfaces\",\r\n                    icon: <Icon iconName=\"AzureAPIManagement\" />,\r\n                    url: \"https://dev-api.theship.no/swagger\",\r\n                    onClick: () => {\r\n                        window.open(\"https://dev-api.theship.no/swagger\", \"_blank\");\r\n                    }\r\n                },\r\n                // {\r\n                //     id: \"DevelopmentAndFeatures\",\r\n                //     title: \"Development and features\",\r\n                //     icon: <FontAwesomeIcon icon={faCode} />,\r\n                //     url: \"/help/development\"\r\n                // }\r\n            ]\r\n        },\r\n        {\r\n            id: \"Admin\",\r\n            title: \"Administrator\",\r\n            requiredSystemRole: SystemRoles.GlobalAdmin,\r\n            toggle: true,\r\n            items: [\r\n                {\r\n                    id: \"Customers\",\r\n                    title: \"Customers\",\r\n                    icon: <FontAwesomeIcon icon={faUsers} />,\r\n                    url: \"/admin/customers\"\r\n                },\r\n                {\r\n                    id: \"SystemMessages\",\r\n                    title: \"System messages\",\r\n                    icon: <FontAwesomeIcon icon={faMessage} />,\r\n                    url: \"/admin/systemmessages\"\r\n                },\r\n                {\r\n                    id: \"ovd\",\r\n                    title: \"Ovd\",\r\n                    icon: <FontAwesomeIcon icon={faBook} />,\r\n                    url: \"/admin/ovd\"\r\n                },\r\n            ]\r\n        }\r\n    ];\r\n\r\n    const getMenuItems = (): IMenuSection[] => {\r\n        return menuItems;\r\n    }\r\n\r\n    return { getMenuItems };\r\n};\r\n\r\n\r\n","import React, { useEffect } from \"react\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport styled, { css } from \"styled-components\";\r\nimport { ITextField, TextField } from \"@fluentui/react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faSearch } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { useMenuProvider } from \"../../contextHooks/MenuContext\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useRoles } from \"../../hooks/useRoles\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { IMenuItem } from \"../../interfaces/IMenuItem\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\nimport { useMenu } from \"../../hooks/useMenu\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ focused: boolean }>`\r\n    padding: 4px 30px;\r\n    display: grid;\r\n    grid-template-columns: 18px 1fr;\r\n    border-bottom: 1px dashed #31425a;\r\n    color: #777;\r\n\r\n    >div:first-child {\r\n        padding-top: 8px;\r\n        font-size: 12px;\r\n    }\r\n\r\n    input {\r\n        color: #777;\r\n\r\n        ::placeholder {\r\n            color: #777;\r\n            font-weight: 500;\r\n        }\r\n    }\r\n\r\n    :hover {\r\n        background-color: #2b384c;\r\n    }\r\n\r\n    ${_ => _.focused\r\n        ? css`\r\n            background-color: #2b384c;\r\n            color: white;\r\n            border-bottom: 1px solid #4177bf;\r\n\r\n            input {\r\n                color: white;\r\n            }\r\n        `\r\n        : undefined\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MenuSearch: React.FC = () => {\r\n    const history = useNavigate();\r\n    const { app } = useAppContext();\r\n    const { setMenuHasFocus } = useAppProvider();\r\n    const { hasCompanyRole, hasSystemRole } = useRoles();\r\n    const { filter, setFilter, filteredIds, setFilteredIds, selectedId, setSelectedId } = useMenuProvider();\r\n    const { getMenuItems } = useMenu()\r\n    const [focused, { toggle: toggleFocused }] = useBoolean(false);\r\n    const menuItems = getMenuItems();\r\n    let txtRef: ITextField | null;\r\n\r\n    const blurTxt = () => {\r\n        if (txtRef) {\r\n            txtRef.blur();\r\n        }\r\n    }\r\n\r\n    const navigate = () => {\r\n        let menuItem: IMenuItem | undefined;\r\n\r\n        if (filteredIds.length === 0) {\r\n            return;\r\n        }\r\n\r\n        if (selectedId) {\r\n            menuItem = menuItems.flatMap(_ => _.items).find(_ => _.id === selectedId);\r\n        }\r\n        else {\r\n            menuItem = menuItems.flatMap(_ => _.items).find(_ => _.id === filteredIds[0]);\r\n        }\r\n\r\n        if (menuItem?.url) {\r\n            history(menuItem.url);\r\n            blurTxt();\r\n            setFilter(\"\");\r\n            setSelectedId();\r\n        }\r\n    }\r\n\r\n    const selectIndex = (up: boolean) => {\r\n        if (filteredIds.length === 0) {\r\n            return;\r\n        }\r\n\r\n        if (up) {\r\n            let nextIndex = filteredIds.length - 1;\r\n            if (selectedId) {\r\n                let currentIndex = filteredIds.findIndex(_ => _ === selectedId);\r\n                nextIndex = currentIndex - 1;\r\n            }\r\n            if (nextIndex < 0) {\r\n                nextIndex = filteredIds.length - 1;\r\n            }\r\n            setSelectedId(filteredIds[nextIndex]);\r\n        }\r\n        else {\r\n            let nextIndex = 0;\r\n            if (selectedId) {\r\n                let currentIndex = filteredIds.findIndex(_ => _ === selectedId);\r\n                nextIndex = currentIndex + 1;\r\n            }\r\n            if (nextIndex >= filteredIds.length) {\r\n                nextIndex = 0;\r\n            }\r\n            setSelectedId(filteredIds[nextIndex]);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        let menuIds: string[] = [];\r\n\r\n        if (filter.trim().length > 0) {\r\n            menuItems.forEach(menuGroup => {\r\n                // Check that user has access to group\r\n                if (menuGroup.requiredSystemRole && !hasSystemRole(menuGroup.requiredSystemRole, app.me.systemRoles)) {\r\n                    return;\r\n                }\r\n\r\n                menuGroup.items.forEach(menuItem => {\r\n                    // Check that user has access to menu item\r\n                    if (menuItem.requiredCompanyRole && !hasCompanyRole(menuItem.requiredCompanyRole, app.currentCustomerRole.customer, app.me.customerRoles)) {\r\n                        return;\r\n                    }\r\n\r\n                    // Check filter\r\n                    if (filter.trim().length > 0) {\r\n                        if (\r\n                            menuItem.title.toLowerCase().indexOf(filter.toLowerCase()) >= 0 ||\r\n                            (menuItem.fuzzy?.find(_ => _.toLowerCase().indexOf(filter.toLowerCase()) >= 0)) ||\r\n                            (menuItem.hoverTitle && menuItem.hoverTitle.toLowerCase().indexOf(filter.toLowerCase()) >= 0)\r\n                        ) {\r\n                            menuIds.push(menuItem.id)\r\n                        }\r\n                    }\r\n                    else {\r\n                        menuIds.push(menuItem.id)\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        setFilteredIds(menuIds);\r\n    }, [filter]);\r\n\r\n    useEffect(() => {\r\n        setMenuHasFocus(focused);\r\n    }, [focused])\r\n\r\n    return (\r\n        <Component title=\"Filter menu items\" focused={focused}>\r\n            <div>\r\n                <FontAwesomeIcon icon={faSearch} />\r\n            </div>\r\n            <TextField\r\n                autoFocus\r\n                componentRef={_ => txtRef = _}\r\n                onFocus={() => {\r\n                    toggleFocused();\r\n                    txtRef?.select();\r\n                }}\r\n                onBlur={toggleFocused}\r\n                autoComplete=\"off\"\r\n                placeholder=\"Filter menu items\"\r\n                value={filter}\r\n                styles={{\r\n                    fieldGroup: {\r\n                        backgroundColor: \"transparent\",\r\n                        border: \"none\",\r\n                        \":after\": {\r\n                            border: \"none\"\r\n                        }\r\n                    }\r\n                }}\r\n                onChange={(ev, v) => {\r\n                    setFilter(v ? v : \"\");\r\n                    setSelectedId();\r\n                }}\r\n                onKeyDown={e => {\r\n                    switch (e.key) {\r\n                        case \"Escape\":\r\n                            setFilter(\"\");\r\n                            setSelectedId();\r\n                            blurTxt();\r\n                            break;\r\n                        case \"Enter\":\r\n                            navigate();\r\n                            break;\r\n                        case \"ArrowUp\":\r\n                            e.preventDefault();\r\n                            selectIndex(true);\r\n                            break;\r\n                        case \"ArrowDown\":\r\n                            e.preventDefault();\r\n                            selectIndex(false);\r\n                            break;\r\n                    }\r\n                }}\r\n            />\r\n        </Component>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled, { css } from \"styled-components\";\r\nimport MeCallout from \"../me/MeCallout\";\r\nimport { useBoolean } from \"@fluentui/react-hooks\";\r\nimport { MenuSection } from \"./MenuSection/MenuSection\";\r\nimport { MenuSearch } from \"./MenuSearch\";\r\nimport { DateTime } from \"luxon\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\nimport { useMenu } from \"../../hooks/useMenu\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    background-color: #222c3d;\r\n    color: white;\r\n    overflow-x: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100vh;\r\n`;\r\n\r\nconst Header = styled.div<{ multipleRoles: boolean }>`\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    min-height: 52px;\r\n    max-height: 52px;\r\n    border-bottom: 1px dashed #5f6a7b;\r\n    border-left: 4px solid transparent;\r\n    cursor: ${_ => _.multipleRoles ? \"pointer\" : undefined};\r\n    position: relative;\r\n\r\n    .company-name {\r\n        white-space: nowrap;\r\n        text-overflow: ellipsis;\r\n        overflow: hidden;\r\n        padding: 14px 40px 0 26px;\r\n    }\r\n\r\n    .temp-image {\r\n        position: absolute;\r\n        top: 12px;\r\n        left: 18px;\r\n        z-index: 1;\r\n\r\n        img {\r\n            height: 22px;\r\n        }\r\n    }\r\n\r\n    ${_ => _.multipleRoles\r\n        ? css`\r\n            :hover {\r\n                background-color: #2d394e;\r\n                border-left-color: #4177bf;\r\n            }\r\n        `\r\n        : undefined\r\n    };\r\n`;\r\n\r\nconst ItemGroups = styled.div`\r\n    flex-grow: 1;\r\n    overflow-y: auto;\r\n  \r\n    ::-webkit-scrollbar {\r\n        width: 30px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track,\r\n    ::-webkit-scrollbar-thumb {\r\n        border: 16px solid rgba(255, 255, 255, .0);\r\n        background-clip: padding-box;\r\n        border: 10px solid transparent;\r\n        border-width: 20px 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track {\r\n        background-color: rgb(255,255,255, .02);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n        background-color: rgb(255,255,255, .06);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background-color: rgb(255, 255, 255, .2);\r\n    }\r\n`;\r\n\r\nconst Version = styled.div`\r\n    font-size: 10px;\r\n    opacity: .2;\r\n    letter-spacing: .5px;\r\n    padding: 20px 30px;\r\n`;\r\n//#endregion\r\n\r\nexport const Menu: React.FC = () => {\r\n    const { currentCompanyRole, user } = useAppProvider();\r\n    const [calloutHidden, { toggle: toggleCallout }] = useBoolean(true);\r\n    const [showTempImage, setShowTempImage] = useState(false);\r\n    const {getMenuItems } = useMenu();\r\n    const multipleRoles = user.customerRoles && user.customerRoles.length > 1;\r\n\r\n    useEffect(() => {\r\n        let current = DateTime.now();\r\n        if (current.month === 12 && current.day >= 15) {\r\n            // Set Santa Hat visible\r\n            setShowTempImage(true);\r\n        }\r\n    }, [])\r\n\r\n    if (!currentCompanyRole) {\r\n        return <div>No role found</div>;\r\n    }\r\n\r\n    return (\r\n        <Component>\r\n            <Header\r\n                title={multipleRoles ? \"Click to change company\" : undefined}\r\n                multipleRoles={multipleRoles}\r\n                onClick={() => {\r\n                    if (multipleRoles) {\r\n                        toggleCallout();\r\n                    }\r\n                }}\r\n            >\r\n                <div className=\"company-name\">\r\n                    {currentCompanyRole.customer.name}\r\n                </div>\r\n                {showTempImage &&\r\n                    <div className=\"temp-image\">\r\n                        <img src=\"/img/SantaHat.png\" />\r\n                    </div>\r\n                }\r\n            </Header>\r\n            {!calloutHidden &&\r\n                <MeCallout close={() => {\r\n                    toggleCallout();\r\n                }} />\r\n            }\r\n            <MenuSearch />\r\n            <ItemGroups>\r\n                {getMenuItems().map(_ => {\r\n                    return <MenuSection key={_.id} item={_} />\r\n                })}\r\n                <Version>\r\n                    APP VERSION: {process.env.REACT_APP_VERSION}\r\n                </Version>\r\n            </ItemGroups>\r\n        </Component>\r\n    );\r\n};","import React from \"react\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faCog } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { IMenuItem } from \"../../interfaces/IMenuItem\";\r\nimport { CompanyRoles } from \"../../_enums/CompanyRoles\";\r\n\r\nexport const QuickMenuItems: IMenuItem[] = [\r\n    {\r\n        id: \"Settings\",\r\n        title: \"Company settings\",\r\n        url: \"/settings/company\",\r\n        icon: <FontAwesomeIcon icon={faCog} />,\r\n        requiredCompanyRole: CompanyRoles.CompanyAdmin,\r\n    }\r\n];","import { faCommentDots } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\nimport { useChatProvider } from \"../../../contextHooks/ChatContext\";\r\nimport useMessages from \"../../../hooks/useMessages\";\r\nimport { IChatMessage } from \"../../../interfaces/IChatMessage\";\r\nimport { IVessel } from \"../../../interfaces/IVessel\";\r\nimport { useLatestChatMessages } from \"../../../api/hooks/useLatestChatMessages\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ animate: boolean }>`\r\n    color: #5f6a7b;\r\n    height: 50px;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-left: 4px solid transparent;\r\n    border-right: 4px solid transparent;\r\n    animation: ${_ => _.animate ? \"animate-chat-icon .8s\" : \"none\"};\r\n    cursor: pointer;\r\n    position: relative;\r\n\r\n    >div {\r\n        position: absolute;\r\n        height: 8px;\r\n        width: 8px;\r\n        background-color: #4177bf;\r\n        border-radius: 50%;\r\n        border: 1px solid white;\r\n        right: 10px;\r\n        top: 14px;\r\n\r\n    }\r\n\r\n    :hover {\r\n        background-color: #222c3d;\r\n        color: white;\r\n        border-left: 4px solid #4177bf;\r\n    }\r\n\r\n    @keyframes animate-chat-icon {\r\n        0% { transform: rotateY(0deg); }\r\n        100% { transform: rotateY(360deg); }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const QuickMenuChatItem: React.FC = () => {\r\n    const history = useNavigate();\r\n    const { chatMessages: latest } = useLatestChatMessages();\r\n    const [animate, setAnimate] = useState(false);\r\n    const { addMessage, addVesselMessage, activeVessel, hasUnreadMessages, removeMessage, setUnreadStatus } = useChatProvider();\r\n    const activeVesselRef = useRef<IVessel | undefined>();\r\n    activeVesselRef.current = activeVessel;\r\n\r\n    useMessages(\"Chat\", async (m) => {\r\n        let chatMessage: IChatMessage = m.data;\r\n\r\n        if(window.location.pathname.toLowerCase() === m.link?.toLowerCase()) {\r\n            addVesselMessage(chatMessage);\r\n        }\r\n        else {\r\n            setUnreadStatus(true);\r\n        }\r\n\r\n        addMessage(chatMessage);\r\n        setAnimate(true);\r\n        setTimeout(() => {\r\n            setAnimate(false);\r\n        }, 800);\r\n    });\r\n\r\n    useMessages(\"Chat_Delete_Message\", async (m) => {\r\n        let clientId: string = m.data;\r\n        removeMessage(clientId);\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (latest.length > 0) {\r\n            setUnreadStatus(true);\r\n        }\r\n    }, [latest])\r\n\r\n    return (\r\n        <Component animate={animate} onClick={() => history(\"/chat\")}>\r\n            {hasUnreadMessages &&\r\n                <div />\r\n            }\r\n            <FontAwesomeIcon icon={faCommentDots} />\r\n        </Component>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { IChatMessage } from \"../../interfaces/IChatMessage\";\r\n\r\nexport const useLatestChatMessages = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/chat/latest\", {\r\n        dedupingInterval: 0,\r\n        revalidateOnFocus: false\r\n    });\r\n\r\n    let chatMessages: IChatMessage[] = data ? data : [];\r\n\r\n    return { chatMessages, error, isValidating, mutate };\r\n};","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faEye, faEyeSlash, faSignOutAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { observer } from \"mobx-react-lite\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\nimport { useRoles } from \"../../hooks/useRoles\";\r\nimport { QuickMenuItems } from \"./QuickMenuItems\";\r\nimport { QuickMenuChatItem } from \"./quickMenuItems/QuickMenuChatItem\";\r\nimport useMessages from \"../../hooks/useMessages\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    background-color: #1b2431;\r\n`;\r\n\r\nconst Logo = styled.div<{ spin: boolean }>`\r\n    padding: 16px 0 5px;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n\r\n    img {\r\n        height: 20px;\r\n        width: 18px;\r\n        animation: ${_ => _.spin ? \"spin 1s\" : \"none\"};\r\n\r\n        @keyframes spin {\r\n            0% { transform: rotateY(0deg); }\r\n            100% { transform: rotateY(360deg); }\r\n        }\r\n    }\r\n`;\r\n\r\nconst UserIcon = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    height: 50px;\r\n    border-left: 4px solid transparent;\r\n    border-right: 4px solid transparent;\r\n\r\n    >div {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        background-color: #4177bf;\r\n        color: white;\r\n        height: 25px;\r\n        width: 25px;\r\n        border-radius: 50%;\r\n        font-size: 11px;\r\n        font-weight: 500;\r\n        letter-spacing: .5px;\r\n    }\r\n\r\n    :hover {\r\n        background-color: #222c3d;\r\n        color: white;\r\n        border-left: 4px solid #4177bf;\r\n\r\n        >div {\r\n            background-color: #ddd;\r\n            color: #333;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Item = styled.div`\r\n    color: #5f6a7b;\r\n    height: 50px;\r\n    font-size: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-left: 4px solid transparent;\r\n    border-right: 4px solid transparent;\r\n    cursor: pointer;\r\n\r\n    :hover {\r\n        background-color: #222c3d;\r\n        color: white;\r\n        border-left: 4px solid #4177bf;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const QuickMenu: React.FC = observer(() => {\r\n    const { app } = useAppContext();\r\n    const { autoHideMenu, currentCompanyRole, toggleAutoHideMenu, user } = useAppProvider();\r\n    const [messageReceived, setMessageReceived] = useState(false);\r\n    const { hasCompanyRole } = useRoles();\r\n    const history = useNavigate();\r\n\r\n    const getUserInitials = () => {\r\n        let split = user.name.split(\" \").filter(_ => _.trim().length > 0);\r\n        let initials = \"\";\r\n\r\n        if (split.length > 1) {\r\n            if (split[0].length > 0) {\r\n                initials = split[0].substring(0, 1);\r\n            }\r\n            if (split[split.length - 1].length > 0) {\r\n                initials += split[split.length - 1].substring(0, 1);\r\n            }\r\n        }\r\n        else if (split.length === 1) {\r\n            if (split[0].length > 1) {\r\n                initials = split[0].substring(0, 2);\r\n            }\r\n            else {\r\n                initials = split[0].substring(0);\r\n            }\r\n        }\r\n\r\n        return initials.length > 0 ? initials.toUpperCase() : \"?\";\r\n    }\r\n\r\n    useMessages(\"Event\", m => {\r\n        setMessageReceived(true);\r\n        setTimeout(() => {\r\n            setMessageReceived(false);\r\n        }, 1000);\r\n    });\r\n\r\n    return (\r\n        <Component>\r\n            <Logo spin={messageReceived}>\r\n                <img src=\"/img/logo/LogoWhite.png\" />\r\n            </Logo>\r\n            <UserIcon title={`Logged in as ${user.name}${user.email ? ` (${user.email})` : \"\"}`} onClick={() => history(\"/settings/me\")}>\r\n                <div>\r\n                    {getUserInitials()}\r\n                </div>\r\n            </UserIcon>\r\n            <QuickMenuChatItem />\r\n            <div>\r\n                {QuickMenuItems.map(r => {\r\n                    if (r.requiredCompanyRole && !hasCompanyRole(r.requiredCompanyRole, currentCompanyRole!.customer, user.customerRoles)) {\r\n                        return null;\r\n                    }\r\n\r\n                    return (\r\n                        <Item\r\n                            key={`QuickMenuItem_${r.id}`}\r\n                            title={r.title}\r\n                            onClick={() => {\r\n                                if (r.url) {\r\n                                    history(r.url);\r\n                                }\r\n                            }}\r\n                        >\r\n                            {r.icon}\r\n                            {r.additionalRender &&\r\n                                r.additionalRender()\r\n                            }\r\n                        </Item>\r\n                    );\r\n                })}\r\n                <Item onClick={toggleAutoHideMenu} title={autoHideMenu ? \"Always show menu\" : \"Autohide menu\"}>\r\n                    <FontAwesomeIcon icon={autoHideMenu ? faEyeSlash : faEye} />\r\n                </Item>\r\n                <Item onClick={() => app.msal.logout()} title=\"Sign out\">\r\n                    <FontAwesomeIcon icon={faSignOutAlt} />\r\n                </Item>\r\n            </div>\r\n        </Component>\r\n    );\r\n});","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Menu } from \"./Menu\";\r\nimport { QuickMenu } from \"./QuickMenu\";\r\nimport { MenuContextProvider } from \"../../contextHooks/MenuContext\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div<{ menuCollapsed: boolean }>`\r\n    height: 100%;\r\n    display: grid;\r\n    width: ${_ => _.menuCollapsed ? \"50px\" : \"340px\"};\r\n    transition: width .2s ease-in-out;\r\n    grid-template-columns: 50px auto;\r\n`;\r\n//#endregion\r\n\r\nexport const MainMenu: React.FC = () => {\r\n    const [mouseOver, setMouseOver] = useState(false);\r\n    const { autoHideMenu, menuHasFocus } = useAppProvider();\r\n\r\n    return (\r\n        <MenuContextProvider>\r\n            <Component\r\n                tabIndex={0}\r\n                menuCollapsed={!menuHasFocus && !mouseOver && autoHideMenu}\r\n                onMouseLeave={ev => {\r\n                    setMouseOver(false);\r\n                }}\r\n                onMouseEnter={ev => {\r\n                    setMouseOver(true);\r\n                }}\r\n            >\r\n                <QuickMenu />\r\n                <Menu />\r\n            </Component>\r\n        </MenuContextProvider>\r\n    );\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { faInfoCircle, faTimes, faVolumeUp } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { ISignalRMessage } from \"../../interfaces/ISignalRMessage\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useAppProvider } from \"../../contextHooks/AppContext\";\r\nimport { useSpeechSynthesis } from \"../../hooks/useSpeechSynthesis\";\r\nimport { ISystemMessage } from \"../../interfaces/ISystemMessage\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useAppContext } from \"../../globalHooks/useStores\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    display: flex;\r\n    color: white;\r\n    border-radius: 4px;\r\n    z-index: 10000000;\r\n    margin-bottom: 20px;\r\n`;\r\n\r\nconst Body = styled.div`\r\n    padding: 16px 22px 18px;\r\n    font-size: 14px;\r\n    flex-grow: 1;\r\n`;\r\n\r\nconst Title = styled.div`\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    margin-bottom: 5px;\r\n    display: flex;\r\n\r\n    >div:first-child {\r\n        margin: 0 5px 0 -3px;\r\n\r\n        svg {\r\n            margin: 0 3px;\r\n        }\r\n    }\r\n`;\r\n\r\nconst Close = styled.div`\r\n    padding: 7px 12px 8px;\r\n    margin-left: auto;\r\n    \r\n    >svg {\r\n        cursor: pointer;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const GlobalNotification: React.FC<{ notification: ISignalRMessage, onDestroy: () => void }> = ({ notification, onDestroy }) => {\r\n    const { user } = useAppProvider();\r\n    const [show, setShow] = useState(false);\r\n    const [showDestroyAnimation, setShowDestroyAnimation] = useState<boolean>(false);\r\n    const history = useNavigate();\r\n    const { getActiveVoice, speak } = useSpeechSynthesis();\r\n    const { makeDateObject } = useDateFunctions();\r\n    const { app } = useAppContext();\r\n\r\n    let startTimeoutId = 0;\r\n    let destroyAnimationTimeoutId = 0;\r\n    let endTimeoutId = 0;\r\n\r\n    const bodyClicked = () => {\r\n        if (notification && notification?.link) {\r\n            history(notification.link);\r\n            onDestroy();\r\n        }\r\n    }\r\n\r\n    const okToSpeak = () => {\r\n        if (notification && user.settings?.speechEnabled) {\r\n            if (notification.speak && notification.speakText) {\r\n                let voice = getActiveVoice();\r\n                if (voice) {\r\n                    return true;\r\n                }\r\n            }\r\n        }\r\n\r\n        return false;\r\n    }\r\n\r\n    const dismiss = () => {\r\n        onDestroy();\r\n        if (notification && notification.method === \"SystemMessage\") {\r\n            let sysMessage: ISystemMessage = notification.data;\r\n            if (sysMessage.dismissable === true && sysMessage.id) {\r\n                app.api.dismissSystemMessage(sysMessage.id);\r\n            }\r\n        }\r\n    }\r\n\r\n    const getHtml = () => {\r\n        return notification.text.replace(/(?:\\r\\n|\\r|\\n)/g, \"<br>\");\r\n    }\r\n\r\n    useEffect(() => {\r\n    }, [showDestroyAnimation]);\r\n\r\n    useEffect(() => {\r\n        let isSystemMessage = notification.method === \"SystemMessage\";\r\n\r\n        // Add fade-out after 10 seconds\r\n        if (notification && !isSystemMessage) {\r\n            setShow(true);\r\n            destroyAnimationTimeoutId = setTimeout(() => {\r\n                setShowDestroyAnimation(true);\r\n            }, 9500);\r\n\r\n            endTimeoutId = setTimeout(() => {\r\n                onDestroy();\r\n            }, 11000);\r\n        } else {\r\n            let nowDate = new Date(Date.now());\r\n            let sysMessage: ISystemMessage = notification.data;\r\n\r\n            let start = makeDateObject(sysMessage.startDate ? new Date(sysMessage.startDate) : nowDate).toUTC();\r\n            let end = makeDateObject(sysMessage.endDate ? new Date(sysMessage.endDate) : nowDate).toUTC();\r\n            let now = makeDateObject(nowDate).toUTC();\r\n\r\n            // Handle end-date first, because if it is expired we should not show\r\n            if (end < now) {\r\n                setShow(false);\r\n                return;\r\n            }\r\n\r\n            // Here we know end date is in the future, so we set the timeouts for destroy animation and destroy.\r\n\r\n            destroyAnimationTimeoutId = setTimeout(() => {\r\n                setShowDestroyAnimation(true);\r\n            }, end.diffNow().as(\"milliseconds\"));\r\n\r\n            // Timeout until removal from the list. 1,5s after animation start\r\n            endTimeoutId = setTimeout(() => {\r\n                onDestroy();\r\n            }, end.diffNow().as(\"milliseconds\") + 1500);\r\n\r\n            if (start <= now) {\r\n                // If already active, we also show immediately.\r\n                setShow(true);\r\n            } else {\r\n                // Should show in the future\r\n                startTimeoutId = setTimeout(() => {\r\n                    setShow(true);\r\n                }, start.diffNow().as(\"milliseconds\"));\r\n            }\r\n        }\r\n\r\n        // Run when show = true\r\n        if (notification.speak && okToSpeak()) {\r\n            let voice = getActiveVoice();\r\n            speak(notification.speakText!, voice!);\r\n        }\r\n        else if (notification.playSound) {\r\n            var audio = new Audio(\"/sound/notification_sound.mp3\");\r\n            audio.volume = .8;\r\n            audio.play();\r\n        }\r\n\r\n        return (() => {\r\n            // Runs on unmount\r\n            setShow(false);\r\n            setShowDestroyAnimation(false);\r\n            if (startTimeoutId) {\r\n                clearTimeout(startTimeoutId);\r\n            }\r\n            if (destroyAnimationTimeoutId) {\r\n                clearTimeout(destroyAnimationTimeoutId);\r\n            }\r\n            if (endTimeoutId) {\r\n                clearTimeout(endTimeoutId);\r\n            }\r\n        });\r\n    }, [notification]);\r\n\r\n    if (!show) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Component\r\n            id={notification.id}\r\n            key={notification.id}\r\n            className={(notification.method === 'Chat' ? 'notification-chat' : notification.method === 'Info' ? 'notification-info' : notification.method === 'SystemMessage' ? 'notification-system-message' : '') + (showDestroyAnimation === true ? ' fade-out' : '')}\r\n        >\r\n            <Body\r\n                onClick={() => { bodyClicked() }}\r\n                style={{ cursor: notification.link ? \"pointer\" : \"default\" }}\r\n\r\n            >\r\n                <Title>\r\n                    <div>\r\n                        <FontAwesomeIcon icon={faInfoCircle} />\r\n                        {okToSpeak() &&\r\n                            <FontAwesomeIcon icon={faVolumeUp} />\r\n                        }\r\n                    </div>\r\n                    <div>\r\n                        {notification.title}\r\n                    </div>\r\n                </Title>\r\n                <div dangerouslySetInnerHTML={{ __html: getHtml() }} />\r\n            </Body>\r\n            <Close\r\n                title=\"Close\"\r\n                onClick={() => { dismiss() }}\r\n            >\r\n                <FontAwesomeIcon icon={faTimes} />\r\n            </Close>\r\n        </Component>\r\n    );\r\n};","import React, { useEffect, useRef, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ISignalRMessage } from \"../../interfaces/ISignalRMessage\";\r\nimport useMessages from \"../../hooks/useMessages\";\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { ISystemMessage } from \"../../interfaces/ISystemMessage\";\r\nimport { useSystemMessages } from \"../../api/hooks/useSystemMessages\";\r\nimport { GlobalNotification } from \"./GlobalNotification\";\r\n\r\n//#region Styled Components\r\nconst NotificationListContainer = styled.div`\r\n    position: absolute;\r\n    right: 30px;\r\n    top: 30px;\r\n    max-width: 380px;\r\n    z-index: 10000000;\r\n    display: flex;\r\n    flex-direction: column;\r\n    overflow: hidden;\r\n\r\n    .notification-chat {\r\n        background-color: rgb(65, 119, 191, .9);\r\n\r\n        :hover {\r\n            background-color: rgb(65, 119, 191, 1);\r\n        }\r\n    }\r\n\r\n    .notification-info {\r\n        background-color: rgb(50,173,50, .9);\r\n\r\n        :hover {\r\n            background-color: rgb(50,173,50, 1);\r\n        }\r\n    }\r\n\r\n    .notification-system-message {\r\n        background-color: rgb(34,44,61, .9);\r\n\r\n        :hover {\r\n            background-color: rgb(34,44,61, 1);\r\n        }\r\n    }\r\n\r\n    .fade-out {\r\n        background-color: transparent;\r\n        color: transparent;\r\n        margin-bottom: 0 !important;\r\n        transition: 1s all ease-out;\r\n        overflow: hidden;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const GlobalNotifications: React.FC = () => {\r\n    const [notifications, setNotifications] = useState<ISignalRMessage[]>([]);\r\n    const { sm } = useSystemMessages();\r\n    const notificationsRef = useRef<ISignalRMessage[]>();\r\n\r\n    notificationsRef.current = notifications;\r\n\r\n    const signalRMessageFromSystemMessage = (_: ISystemMessage) => {\r\n        const signalR: ISignalRMessage = {\r\n            portCallId: 0,\r\n            data: _,\r\n            method: 'SystemMessage',\r\n            title: _.header!,\r\n            text: _.body!,\r\n            dataType: '',\r\n            speak: false,\r\n            id: uuidv4()\r\n        }\r\n\r\n        return signalR;\r\n    }\r\n\r\n    const onDestroy = (m: ISignalRMessage) => {\r\n        setNotifications(notifications.filter(_ => _.id !== m.id));\r\n    }\r\n\r\n    const handleSignalRMessage = (m: ISignalRMessage, isSystemMessage = false) => {\r\n        if (window.location.pathname.toLowerCase() === m.link?.toLowerCase()) {\r\n            return;\r\n        }\r\n        if (m && isSystemMessage) {\r\n            let sysMessage: ISystemMessage = m.data;\r\n            if (!sysMessage.showInRto) {\r\n                return;\r\n            }\r\n            // Remove the deleted system message\r\n            if (m.dataType === \"Delete\") {\r\n                let test = [];\r\n                setNotifications(current => {\r\n                    test = current.filter(_ => _.data?.id !== m.data?.id);\r\n                    return test;\r\n                });\r\n                return;\r\n            } else {\r\n                // Remove the previous edition of the system message\r\n                if (notificationsRef.current?.some(_ => _.data?.id === m.data?.id)) {\r\n                    let test: ISignalRMessage[] = [];\r\n                    setNotifications(current => {\r\n                        test = [...current.filter(_ => _.data?.id !== m.data?.id)];\r\n                        return test;\r\n                    });\r\n\r\n                    setNotifications(current => {\r\n                        test = [...current, m];\r\n                        return test;\r\n                    });\r\n                } else {\r\n                    // Not duplicate, should mean that it is a new message\r\n                    setNotifications(current => {\r\n                        return [...current, m]\r\n                    });\r\n                }\r\n            }\r\n        } else {\r\n            let test: ISignalRMessage[] = [];\r\n            setNotifications(current => {\r\n                test = [...current, m];\r\n                return test;\r\n            });\r\n        }\r\n    }\r\n\r\n    useMessages(\"Chat\", async m => {\r\n        handleSignalRMessage(m);\r\n    });\r\n\r\n    useMessages(\"Info\", async m => {\r\n        handleSignalRMessage(m);\r\n    });\r\n\r\n    useMessages(\"SystemMessage\", async m => {\r\n        handleSignalRMessage(m, true);\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (sm && sm.length > 0) {\r\n            let notificationList: ISignalRMessage[] = [];\r\n            for (const sysmessage of sm) {\r\n                notificationList.push(signalRMessageFromSystemMessage(sysmessage));\r\n            }\r\n            setNotifications(notificationList);\r\n        }\r\n    }, [sm]);\r\n\r\n    useEffect(() => {\r\n    }, [notifications])\r\n\r\n    return (\r\n        <NotificationListContainer>\r\n            {notifications && notifications.map((n) => {\r\n                return (\r\n                    <GlobalNotification\r\n                        key={n.id}\r\n                        notification={n}\r\n                        onDestroy={() => {\r\n                            onDestroy(n);\r\n                        }}\r\n                    />\r\n                );\r\n            })}\r\n        </NotificationListContainer>\r\n    );\r\n};","import useSWR from \"swr\";\r\nimport { ISystemMessage } from \"../../interfaces/ISystemMessage\";\r\n\r\nexport const useSystemMessages = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(`/systemmessages`, {\r\n        revalidateOnFocus: false,\r\n        dedupingInterval: 0,\r\n        errorRetryCount: 0\r\n    });\r\n\r\n    let sm: ISystemMessage[] | undefined = data;\r\n\r\n    return { sm, error, isValidating, mutate };\r\n};","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useGlobalSettings } from \"../../api/hooks/useGlobalSettings\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { AppDialog } from \"../../blocks/appDialog/AppDialog\";\r\nimport { AppMessage } from \"../../blocks/appMessage/AppMessage\";\r\nimport { DevMessage } from \"../../blocks/devMessage/DevMessage\";\r\nimport { CompanySubscription } from \"../../blocks/companySubscription/CompanySubscription\";\r\nimport { useRest } from \"../../hooks/useRest\";\r\nimport { IGlobalSettings } from \"../../interfaces/IGlobalSettings\";\r\nimport { MainBody } from \"../mainBody/MainBody\";\r\nimport { MainMenu } from \"../mainMenu/MainMenu\";\r\nimport { GlobalNotifications } from \"../notifications/GlobalNotifications\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    height: 100vh;\r\n    display: grid;\r\n    grid-template-columns: auto 1fr;\r\n\r\n    >div:last-child {\r\n        overflow-y: auto;\r\n    }\r\n`;\r\n\r\nconst Loading = styled.div`\r\n    height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n\r\n//#endregion\r\n\r\nexport const Main = () => {\r\n    const { data, error } = useGlobalSettings();\r\n    const { getError } = useRest();\r\n    const [globalSettings, setGlobalSettings] = useState<IGlobalSettings | undefined>();\r\n    const [dialogOpen, setDialogOpen] = useState(false);\r\n    const [apiError, setApiError] = useState<string | undefined>();\r\n\r\n    const getApiError = async () => {\r\n        setApiError(await getError(error));\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (error) {\r\n            getApiError();\r\n        }\r\n    }, [error]);\r\n\r\n    useEffect(() => {\r\n        if (data) {\r\n            setGlobalSettings(data);\r\n        }\r\n    }, [data]);\r\n\r\n    useEffect(() => {\r\n        if (globalSettings && globalSettings.rtpoFrontEndVersion != process.env.REACT_APP_VERSION) {\r\n            setDialogOpen(true);\r\n        }\r\n    }, [globalSettings])\r\n\r\n    if (apiError) {\r\n        return (\r\n            <Loading>\r\n                <AnimatedBars stale text={apiError} />\r\n            </Loading>\r\n        );\r\n    }\r\n\r\n    if (!globalSettings) {\r\n        return (\r\n            <Loading>\r\n                <AnimatedBars text=\"Fetching global settings...\" />\r\n            </Loading>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <DevMessage />\r\n            <Component>\r\n                <CompanySubscription />\r\n                <MainMenu />\r\n                <MainBody />\r\n                <AppMessage />\r\n                <GlobalNotifications />\r\n            </Component>\r\n            <AppDialog\r\n                open={dialogOpen}\r\n                title={\"Update available\"}\r\n                subText={`Refresh the browser by pressing Ctrl + F5 to get the latest version ${process.env.REACT_APP_VERSION}.`}\r\n                cancelText=\"Close\"\r\n                cancel={() => {\r\n                    setDialogOpen(false);\r\n                }}\r\n            />\r\n        </>\r\n    );\r\n}","import useSWR from \"swr\";\r\n\r\nexport const useGlobalSettings = () => {\r\n    const { data, error, isValidating, mutate } = useSWR(\"/globalSettings\", {\r\n        errorRetryCount: 1,\r\n        revalidateOnFocus: false,\r\n        revalidateOnReconnect: false,\r\n        refreshInterval: (1000 * 60 * 60)\r\n    });\r\n\r\n    return { data, error,  isValidating, mutate };\r\n};","import React, { useState } from 'react';\r\nimport { SWRConfig } from 'swr';\r\nimport { SwrFetcher } from './api/SwrFetcher';\r\nimport { useAppContext } from './globalHooks/useStores';\r\nimport { useEffect } from 'react';\r\nimport { initializeIcons } from '@fluentui/font-icons-mdl2';\r\nimport { useAccount, useMsal } from \"@azure/msal-react\";\r\nimport { initializeFileTypeIcons } from '@fluentui/react-file-type-icons';\r\nimport dayjs from 'dayjs'\r\n\r\n// Import plugins\r\nimport relativeTime from 'dayjs/plugin/relativeTime';\r\nimport utc from 'dayjs/plugin/utc';\r\nimport duration from 'dayjs/plugin/duration';\r\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\r\nimport styled from 'styled-components';\r\nimport { AnimatedBars } from './blocks/animatedBars/AnimatedBars';\r\nimport { ChatContextProvider } from './contextHooks/ChatContext';\r\nimport { useRest } from './hooks/useRest';\r\nimport { AppContextProvider } from './contextHooks/AppContext';\r\nimport { toJS } from 'mobx';\r\nimport { Main } from './components/main/Main';\r\n\r\n// Init Fluent ui icons\r\ninitializeIcons();\r\ninitializeFileTypeIcons()\r\n\r\n//#region Styled Components\r\nconst Loading = styled.div`\r\n    height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n\r\nconst ErrorContainer = styled.span`\r\n    a {\r\n        color: #0078d4;\r\n        text-decoration: none;\r\n        font-weight: 400;\r\n    }\r\n\r\n    a:hover {\r\n        text-decoration: underline;\r\n    }\r\n`;\r\n//#endregion\r\n\r\nconst App: React.FC = () => {\r\n    const { app } = useAppContext();\r\n    // const { setCurrentCompanyRole } = useAppProvider();\r\n    const [meOk, setMeOk] = useState(false);\r\n    const { instance, accounts, inProgress } = useMsal();\r\n    const account = useAccount(accounts[0] || {});\r\n    const { getError } = useRest();\r\n    const [loading, setLoading] = useState(true);\r\n    const [error, setError] = useState<JSX.Element | undefined>();\r\n\r\n    useEffect(() => {\r\n        // Verify that 1 account is logged in       \r\n        app.setup(instance, account!);\r\n        app.getMe(process.env.REACT_APP_VERSION)\r\n            .then(_ => {\r\n                setMeOk(true);\r\n                setLoading(false);\r\n            })\r\n            .catch(_ => {\r\n                setMeOk(false);\r\n                setLoading(false);\r\n\r\n                try {\r\n                    _.text()\r\n                        .then((errorText: string) => {\r\n                            let txt = errorText.replaceAll('\"', '');\r\n\r\n                            setError(\r\n                                <ErrorContainer>\r\n                                    <span style={{ paddingRight: \"5px\" }}>{txt}</span>\r\n                                    <span><a href={`mailto:post@theship.no?subject=${txt}`}>Contact support</a> or <a href=\"#\" onClick={() => app.msal.logout()}>use another account</a>.</span>\r\n                                </ErrorContainer>\r\n                            );\r\n                        })\r\n                } catch (error) {\r\n                    console.log(error);\r\n                    setError(<span>An error occured. Please contact support</span>);\r\n                };\r\n            });\r\n    }, []);\r\n\r\n    if (!meOk) {\r\n        return (\r\n            <Loading>\r\n                <div>\r\n                    {loading &&\r\n                        <div style={{ marginBottom: \"20px\" }}>\r\n                            <AnimatedBars />\r\n                        </div>\r\n                    }\r\n                    <div>\r\n                        {error ? error : \"Please wait while we verify your account...\"}\r\n                    </div>\r\n                </div>\r\n            </Loading>\r\n        );\r\n    }\r\n\r\n    // Use plugins\r\n    dayjs.extend(relativeTime);\r\n    dayjs.extend(utc);\r\n    dayjs.extend(duration);\r\n    dayjs.extend(advancedFormat);\r\n\r\n    return (\r\n        <SWRConfig\r\n            value={{\r\n                fetcher: (\r\n                    url,\r\n                    method,\r\n                    body,\r\n                    graphScopes\r\n                ) => SwrFetcher(url, app.msal, app.currentCustomerRole.customer.id, method, body, graphScopes),\r\n            }}\r\n        >\r\n            <AppContextProvider user={toJS(app.me)}>\r\n                <ChatContextProvider companyId={app.currentCustomerRole.customer.id}>\r\n                    <Main />\r\n                </ChatContextProvider>\r\n            </AppContextProvider>\r\n        </SWRConfig>\r\n    );\r\n};\r\n\r\nexport default App;","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);  \r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n}\r\n\r\nexport default reportWebVitals;\r\n","import { AppSettings } from \"../appSettings\";\r\nimport { ICargoTracker } from \"../interfaces/ICargoTracker\";\r\n\r\nexport class TsApiOpen {\r\n\r\n    private getHeaders(): any {\r\n        return {\r\n            // Authorization: \"Bearer \" + token,\r\n            Accept: \"application/json\",\r\n            \"Content-Type\": \"application/json\",\r\n        };\r\n    }\r\n\r\n    private goFetch(\r\n        url: string,\r\n        params?: string,\r\n        method?: string,\r\n        body?: any,\r\n        stringify = true,\r\n    ): Promise<any> {\r\n\r\n        const completeUrl = `${AppSettings.apiUrl}${url}${params ? `?${params}` : \"\"}`;\r\n\r\n        const options: RequestInit = {\r\n            method: method ? method : \"GET\",\r\n            body: body && stringify ? JSON.stringify(body) : body,\r\n            headers: this.getHeaders(),\r\n        };\r\n\r\n        return fetch(completeUrl, options)\r\n            .then((_) => {\r\n                return _.ok ? Promise.resolve(_) : Promise.reject(_);\r\n            });\r\n    }\r\n\r\n    public async trackCargo(t: string): Promise<ICargoTracker> {\r\n        const _ = await this.goFetch(`/o/track?t=${t}`);\r\n        return _.json();\r\n    }\r\n}","import { createContext } from \"react\";\r\nimport { TsApiOpen } from \"../api/TsApiOpen\";\r\n\r\nexport class AppStoreOpen {\r\n    api!: TsApiOpen;\r\n\r\n    setup = (): Promise<void> => {\r\n        this.api = new TsApiOpen();\r\n        return Promise.resolve();\r\n    }\r\n}\r\n\r\nexport default createContext(new AppStoreOpen());","import { useContext } from \"react\";\r\nimport AppStoreOpen from \"../stores/AppStoreOpen\";\r\n\r\nexport const useAppContextOpen = () => {\r\n    var app = useContext(AppStoreOpen);\r\n    return { app };\r\n};","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    color: white;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    padding: 20px;\r\n    font-size: 10px;\r\n    text-align: center;\r\n`;\r\n//#endregion\r\n\r\nexport const Footer = () => {\r\n    return (\r\n        <Container>\r\n            Integrate tracker data using our open API's. Contact support.\r\n        </Container>\r\n    );\r\n}","import { faSignInAlt } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport React from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    color: white;\r\n    display: flex;\r\n    min-height: 70px;\r\n    max-height: 70px;\r\n    align-items: center;\r\n\r\n    >div:nth-child(2) {\r\n        flex-grow: 1;\r\n    }\r\n`;\r\n\r\nconst Logo = styled.div`\r\n    margin-left: 30px;\r\n    img {\r\n        width: 130px;\r\n    }\r\n`;\r\n\r\nconst Login = styled.div`\r\n    margin-right: 10px;\r\n    display: flex;\r\n    font-size: 14px;\r\n    height: 40px;\r\n    align-items: center;\r\n    padding: 0 20px;\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n    border-left: 1px solid transparent;\r\n\r\n    >div:first-child {\r\n        margin-right: 5px;\r\n    }\r\n\r\n    :hover {\r\n        background-color: rgb(255,255,255,.1);\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Header = () => {\r\n    const history = useNavigate();\r\n    \r\n    const signIn = ()=> {\r\n        history(\"/\");\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Logo>\r\n                <img src=\"/img/logo/TheShipWithTextWhite.png\" />\r\n            </Logo>\r\n            <div />\r\n            <Login title=\"Sign in to Real Time Port Operations\" onClick={signIn}>\r\n                <div>\r\n                    <FontAwesomeIcon icon={faSignInAlt} />\r\n                </div>\r\n                <div>\r\n                    Sign in\r\n                </div>\r\n            </Login>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    display: flex;\r\n`;\r\n\r\nconst EventMarker = styled.div<{ inActive?: boolean, large?: boolean }>`\r\n    position: relative;\r\n    min-width: 50px;\r\n    max-width: 50px;\r\n\r\n    >div:first-child {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: 50%;\r\n        background-color: ${_ => _.inActive ? \"#ccc\" : \"#008ef5\"};\r\n        left: 8px;\r\n        top: 0;\r\n    }\r\n\r\n    >div:nth-child(2) {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        height: ${_ => _.large ? \"10px\" : \"14px\"};\r\n        width: ${_ => _.large ? \"10px\" : \"14px\"};\r\n        border: ${_ => _.large ? \"4px\" : \"2px\"} ${_ => _.inActive ? \"#ccc\" : \"#4177bf\"} solid;\r\n        background-color: ${_ =>\r\n        _.large\r\n            ? _.inActive\r\n                ? \"#ccc\"\r\n                : \"#4177bf\"\r\n            : \"white\"\r\n    };\r\n    }\r\n\r\n    >div:last-child {\r\n        position: absolute;\r\n        width: 2px;\r\n        height: calc(50% - 8px);\r\n        background-color: ${_ => _.inActive ? \"#ccc\" : \"#4177bf\"};\r\n        left: 8px;\r\n        bottom: 0;\r\n    }\r\n`;\r\n\r\nconst Info = styled.div<{ large?: boolean }>`\r\n    display: block;\r\n    padding: 10px 0;\r\n    flex-grow: 1;\r\n    \r\n    @media (min-width: 640px) {\r\n        display: flex;\r\n    }\r\n`;\r\n\r\nconst EventTimeStamp = styled.div<{ large?: boolean, inActive?: boolean }>`\r\n    font-size: 12px;\r\n    color: ${_ => _.inActive ? \"#666\" : \"#333\"};\r\n    font-weight: 400;\r\n    display: flex;\r\n    align-items: center;\r\n    color: ${_ => _.inActive ? \"#999\" : \"#333\"};\r\n\r\n    @media (min-width: 640px) {\r\n        min-width: 220px;\r\n        max-width: 220px;\r\n        font-size: ${_ => _.large ? \"16px\" : \"14px\"};\r\n        font-weight: ${_ => _.large ? 700 : 400};\r\n        color: ${_ => _.inActive ? \"#999\" : \"#333\"};\r\n    }\r\n`;\r\n\r\nconst EventText = styled.div<{ large?: boolean, inActive?: boolean }>`\r\n    font-weight: ${_ => _.large ? 700 : 400};\r\n    color: ${_ => _.inActive ? \"#999\" : \"#333\"};\r\n    font-size: ${_ => _.large ? \"16px\" : \"14px\"};\r\n`;\r\n//#endregion\r\n\r\nexport const EventContainer: React.FC<{ date: string, txt: string, large?: boolean, start?: boolean, end?: boolean, inActive?: boolean }> = ({ date, txt, large, start, end, inActive }) => {\r\n    return (\r\n        <Container>\r\n            <EventMarker inActive={inActive} large={large}>\r\n                <div style={{ display: start ? \"none\" : \"block\" }} />\r\n                <div />\r\n                <div style={{ display: end ? \"none\" : \"block\" }} />\r\n            </EventMarker>\r\n\r\n            <Info large={large}>\r\n                <EventTimeStamp large={large} inActive={inActive}>\r\n                    {date}\r\n                </EventTimeStamp>\r\n                <EventText large={large} inActive={inActive}>\r\n                    {txt}\r\n                </EventText>\r\n            </Info>\r\n        </Container >\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useEventFunctions } from \"../../globalHooks/useEventFunctions\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { ICargoOperationTracker } from \"../../interfaces/ICargoTracker\";\r\nimport { EventContainer } from \"./EventContainer\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    background-color: #e5f1fc;\r\n    margin: 0 -40px;\r\n    padding: 0 40px;\r\n    outline: 1px solid #b1daff;\r\n`;\r\n//#endregion\r\n\r\nexport const CargoOperationsDetails: React.FC<{ co: ICargoOperationTracker, timeZone: string }> = ({ co, timeZone }) => {\r\n    const { sortByDate } = useEventFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n\r\n    return (\r\n        <Container>\r\n            {sortByDate(co.events).map(coEvent => {\r\n                return (\r\n                    <EventContainer\r\n                        key={`CoEvent_${coEvent.id}`}\r\n                        date={toDateString(coEvent.eventDate, timeZone)}\r\n                        txt={coEvent.name}\r\n                    />\r\n                );\r\n            })}\r\n        </Container>\r\n    );\r\n}","import { DateTime } from \"luxon\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useEventFunctions } from \"../../globalHooks/useEventFunctions\";\r\nimport { useDateFunctions } from \"../../hooks/useDateFunctions\";\r\nimport { useStringFunctions } from \"../../hooks/useStringFunctions\";\r\nimport { ICargoOperationTracker, ICargoPortTracker } from \"../../interfaces/ICargoTracker\";\r\nimport { CargoOperationsDetails } from \"./CargoOperationDetails\";\r\nimport { EventContainer } from \"./EventContainer\";\r\n\r\nexport const PortDetails: React.FC<{ p: ICargoPortTracker, isFirst?: boolean, isLast?: boolean, useUtc: boolean }> = ({ p, isFirst, isLast, useUtc }) => {\r\n    const { toCapitalLetters } = useStringFunctions();\r\n    const { toDateString } = useDateFunctions();\r\n    const { sortByDate } = useEventFunctions();\r\n    const [timeZone, setTimeZone] = useState(\"utc\");\r\n    let renderedCos: ICargoOperationTracker[] = [];\r\n\r\n    useEffect(() => {\r\n        setTimeZone(useUtc ? \"utc\" : p.timeZone);\r\n    }, [useUtc])\r\n\r\n    return (\r\n        <div>\r\n            <EventContainer\r\n                start={isFirst}\r\n                large={true}\r\n                inActive={p.arrived ? false : true}\r\n                date={toDateString(p.arrived ? p.arrived : p.scheduledArrival, timeZone)}\r\n                txt={`${p.arrived ? \"Arrived\" : \"Scheduled to arrive\"} ${toCapitalLetters(p.port)} for ${p.reasonForCall === \"L\" ? \"loading\" : \"discharging\"}`}\r\n            />\r\n\r\n            {sortByDate(p.events).map((ev, i) => {\r\n\r\n                let cosToRender = p.cargoOperations.filter(co => {\r\n                    let sortedCoEvents = sortByDate(co.events);\r\n                    let firstEvent = sortedCoEvents.length > 0 ? sortedCoEvents[0] : undefined;\r\n\r\n                    return firstEvent &&\r\n                        DateTime.fromJSDate(new Date(firstEvent.eventDate)) < DateTime.fromJSDate(new Date(ev.eventDate)) &&\r\n                        renderedCos.findIndex(_ => _.id === co.id) < 0;\r\n                });\r\n\r\n                renderedCos = renderedCos.concat(cosToRender);\r\n\r\n                // If last event, render remaning co's\r\n                let remainingCosToRender: ICargoOperationTracker[] = [];\r\n                if (i === p.events.length - 1) {\r\n                    remainingCosToRender = p.cargoOperations.filter(co =>\r\n                        renderedCos.findIndex(_ => _.id === co.id) < 0\r\n                    )\r\n                }\r\n\r\n                return (\r\n                    <div key={`EventContainer_${ev.id}`}>\r\n                        {cosToRender.map(co => {\r\n                            return (\r\n                                <CargoOperationsDetails\r\n                                    key={`CargoOperation_${co.id}`}\r\n                                    co={co}\r\n                                    timeZone={timeZone}\r\n                                />\r\n                        );\r\n                        })}\r\n\r\n                        <EventContainer\r\n                            date={toDateString(ev.eventDate, timeZone)}\r\n                            txt={ev.name}\r\n                        />\r\n\r\n                        {remainingCosToRender.map(co => {\r\n                            return (\r\n                                <CargoOperationsDetails\r\n                                    key={`CargoOperation_${co.id}`}\r\n                                    co={co}\r\n                                    timeZone={timeZone}\r\n                                />\r\n                            );\r\n                        })}\r\n                    </div>\r\n                );\r\n            })}\r\n\r\n            <EventContainer\r\n                date={toDateString(p.departed ? p.departed : p.scheduledDeparture, timeZone)}\r\n                txt={`${p.departed ? \"Departed\" : \"Scheduled to depart\"} ${toCapitalLetters(p.port)}`}\r\n                end={isLast}\r\n                inActive={p.departed ? false : true}\r\n            />\r\n        </div>\r\n    );\r\n}","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { ICargoTracker } from \"../../interfaces/ICargoTracker\";\r\nimport { PortDetails } from \"./PortDetails\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    box-shadow: 0 0 20px #000;\r\n    background-color: rgb(255,255,255,1);\r\n    border-radius: 4px;\r\n    padding: 30px 40px;\r\n    overflow-y: auto;\r\n\r\n    ::-webkit-scrollbar {\r\n        width: 30px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track,\r\n    ::-webkit-scrollbar-thumb {\r\n        border: 16px solid rgba(255, 255, 255, .0);\r\n        background-clip: padding-box;\r\n        border: 10px solid transparent;\r\n        border-width: 30px 10px;\r\n    }\r\n\r\n    ::-webkit-scrollbar-track {\r\n        background-color: rgb(0,0,0, .05);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb {\r\n        background-color: rgb(0,0,0, .1);\r\n    }\r\n\r\n    ::-webkit-scrollbar-thumb:hover {\r\n        background-color: rgb(0,0,0, .4);\r\n    }\r\n`;\r\n\r\nconst Header = styled.div`\r\n    font-size: 42px;\r\n    font-weight: 300;\r\n`;\r\n\r\nconst TimeToggle = styled.div`\r\n    margin: 30px -5px 25px;\r\n`;\r\n\r\nconst TimeToggleItem = styled.span<{ selected: boolean }>`\r\n    cursor: pointer;\r\n    font-size: 12px;\r\n    margin: 5px;\r\n    font-weight: 500;\r\n    padding: 5px 10px;\r\n    border-radius: 4px;\r\n    background-color: ${_ => _.selected ? \"#4177bf\" : \"#fafafa\"};\r\n    color: ${_ => _.selected ? \"white\" : \"#999\"};\r\n    border: 1px solid ${_ => _.selected ? \"#4177bf\" : \"#ddd\"};\r\n`;\r\n\r\nconst Ports = styled.div`\r\n    margin: 20px 0; \r\n`;\r\n//#endregion\r\n\r\nexport const CargoDetails: React.FC<{ c: ICargoTracker }> = ({ c }) => {\r\n    const [useUtc, setUseUtc] = useState(true);\r\n\r\n    const toggleUseUtc = ()=> {\r\n        setUseUtc(!useUtc);\r\n    }\r\n\r\n    const sortedPortCalls = () => {\r\n        return c.ports.sort((a, b) => {\r\n\r\n            let aArrived = a.arrived ? a.arrived : a.scheduledArrival;\r\n            let bArrived = b.arrived ? b.arrived : b.scheduledArrival;\r\n\r\n            return aArrived > bArrived ? 1 : -1;\r\n        });\r\n    }\r\n\r\n    return (\r\n        <Container>\r\n            <Header>\r\n                {c.commodity}\r\n            </Header>\r\n            <div>\r\n                {c.quantity} {c.measurement?.name}, {c.charterer}\r\n            </div>\r\n            <TimeToggle>\r\n                <TimeToggleItem onClick={toggleUseUtc} selected={useUtc}>UTC time</TimeToggleItem>\r\n                <TimeToggleItem onClick={toggleUseUtc} selected={!useUtc}>Port time</TimeToggleItem>\r\n            </TimeToggle>\r\n            <Ports>\r\n                {sortedPortCalls().map((port, i) => {\r\n                    return (\r\n                        <PortDetails\r\n                            isFirst={i === 0}\r\n                            isLast={i === c.ports.length - 1}\r\n                            key={`PortDetail_${i}`}\r\n                            p={port}\r\n                            useUtc={useUtc}\r\n                        />\r\n                    );\r\n                })}\r\n            </Ports>\r\n        </Container>\r\n    );\r\n}","import { DefaultButton } from \"@fluentui/react\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { AnimatedBars } from \"../../blocks/animatedBars/AnimatedBars\";\r\nimport { useAppContextOpen } from \"../../globalHooks/useAppContextOpen\";\r\nimport { useUrlParams } from \"../../globalHooks/useUrlParams\";\r\nimport { ICargoTracker } from \"../../interfaces/ICargoTracker\";\r\nimport { CargoDetails } from \"./CargoDetails\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    margin: 0 -20px;\r\n    padding: 0 20px;\r\n\r\n    @media (max-width: 450px) {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n`;\r\n\r\nconst SearchBox = styled.div<{ dimmed: boolean }>`\r\n    display: flex;\r\n    box-shadow: 0 0 20px #000;\r\n    position: relative;\r\n    margin-bottom: 30px;\r\n    opacity: ${_ => _.dimmed ? .5 : 1};\r\n    transition: opacity .2s ease-in-out;\r\n\r\n    :hover {\r\n        opacity: 1;\r\n    }\r\n\r\n    >div:first-child{\r\n        flex-grow: 1;\r\n        z-index: 1;\r\n\r\n        input {\r\n            height: 60px;\r\n            padding: 0 30px;\r\n            font-size: 17px;\r\n            letter-spacing: 1px;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n            border-radius: 4px 0 0 4px;\r\n            border-color: transparent;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n\r\n            :focus {\r\n                outline: none;\r\n            }\r\n        }\r\n    }\r\n\r\n    >div:nth-child(2){\r\n        z-index: 1;\r\n    }\r\n    \r\n    @media (max-width: 450px) {\r\n        padding: 0 20px;\r\n    }\r\n`;\r\n\r\nconst Searching = styled.div`\r\n    background-color: #008ef5;\r\n    border-radius: 0 4px 4px 0;\r\n    width: 80px;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n`;\r\n\r\nconst TrackButton = styled(DefaultButton)`\r\n    background-color: #008ef5;\r\n    color: white;\r\n    height: 60px;\r\n    border: none;\r\n    font-size: 16px;\r\n    border-radius: 0 4px 4px 0;\r\n    width: 80px;\r\n\r\n    :hover {\r\n        background-color: #0284e3;\r\n        color: white;\r\n    }\r\n`;\r\n\r\nconst NotFound = styled.div<{ show: boolean }>`\r\n    display: flex;\r\n    justify-content: center;\r\n    font-size: 10px;\r\n    letter-spacing: 1px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    animation: ${_ => _.show ? \"animate 5s\" : \"none\"} ;\r\n    bottom: 0px;\r\n    opacity: 0;\r\n    white-space: nowrap;\r\n\r\n    >div {\r\n        border-radius: 4px;\r\n        padding: 10px 20px 10px;\r\n        background-color: rgb(255,255,255,.8);\r\n    }\r\n\r\n    @keyframes animate {\r\n        0% { \r\n            bottom: 0;\r\n            opacity: 0;\r\n        }\r\n        5% {\r\n             bottom: -40px;\r\n             opacity: 1;\r\n        }\r\n        95% {\r\n            bottom: -40px;\r\n            opacity: 1;\r\n        }\r\n        100% {\r\n             bottom: 0;\r\n             opacity: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const Tracker = () => {\r\n    const { getUrlParam } = useUrlParams();\r\n    const [trackingNumber, setTrackingNumber] = useState<string | undefined>();\r\n    const [trackedCargo, setTrackedCargo] = useState<ICargoTracker | undefined>();\r\n    const [working, setWorking] = useState(false);\r\n    const [notFound, setNotFound] = useState(false);\r\n    const [errorMsg, setErroMsg] = useState<string | undefined>();\r\n    const { app } = useAppContextOpen();\r\n\r\n    const track = async (t?: string) => {\r\n        if (!t) {\r\n            return;\r\n        }\r\n\r\n        setWorking(true);\r\n        setNotFound(false);\r\n        setErroMsg(undefined);\r\n\r\n        try {\r\n            let _ = await app.api.trackCargo(t);\r\n            setTrackedCargo(_);\r\n        }\r\n        catch (error: any) {\r\n            setNotFound(true);\r\n            setTrackedCargo(undefined);\r\n            console.log(error);\r\n\r\n            if (error.status === 404) {\r\n                let _errorMsg = await error.json();\r\n                setErroMsg(_errorMsg);\r\n            }\r\n        }\r\n\r\n        setWorking(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        let t = getUrlParam(\"t\");\r\n        if (t) {\r\n            setTrackingNumber(t);\r\n            track(t);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <Container>\r\n            <SearchBox dimmed={trackedCargo ? true : false}>\r\n                <div>\r\n                    <input\r\n                        value={trackingNumber ? trackingNumber : \"\"}\r\n                        placeholder=\"Enter a tracking reference\"\r\n                        onChange={_ => setTrackingNumber(_.target.value)}\r\n                        onKeyDown={_ => {\r\n                            if (_.key == \"Enter\") {\r\n                                track(trackingNumber);\r\n                            }\r\n                        }}\r\n                    />\r\n                </div>\r\n                <div>\r\n                    {working\r\n                        ?\r\n                        <Searching>\r\n                            <AnimatedBars\r\n                                height=\"25px\"\r\n                                barColor=\"white\"\r\n                                altBarColor=\"white\"\r\n                                barWidth=\"5px\"\r\n                            />\r\n                        </Searching>\r\n                        :\r\n                        <TrackButton\r\n                            text=\"Track\"\r\n                            onClick={() => track(trackingNumber)}\r\n                        />\r\n                    }\r\n                </div>\r\n                <NotFound show={notFound}>\r\n                    <div title={errorMsg}>\r\n                        Unknown tracking reference\r\n                    </div>\r\n                </NotFound>\r\n            </SearchBox>\r\n            {trackedCargo &&\r\n                <CargoDetails c={trackedCargo} />\r\n            }\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\n//#region Styled Components\r\nconst Container = styled.div`\r\n    height: 100%;\r\n    overflow-y: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin: 0 -20px;\r\n    padding: 0 20px;\r\n\r\n    @media (max-width: 400px) {\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nconst Body = styled.div`\r\n    background-color: white;\r\n    padding: 20px;\r\n    box-shadow: 0 0 20px black;\r\n    width: 960px;\r\n    height: 540px;\r\n\r\n    /* @media (min-width: 1300px) {\r\n        width: 1280px;\r\n        height: 720px;\r\n    } */\r\n\r\n\r\n`;\r\n//#endregion\r\n\r\nexport const Video = () => {\r\n\r\n    // const startVideo = ()=> {\r\n\r\n    //     console.log(\"Ended\");\r\n\r\n\r\n    //     setTimeout(function(){\r\n    //         document.getElementById('myVideo').play();\r\n    //     }, 5000);\r\n\r\n    // }\r\n\r\n    // useEffect(()=> {\r\n    //     document.getElementById(\"theShipVideo\")?.addEventListener(\"ended\", startVideo);\r\n    //     return(()=> {\r\n    //         document.getElementById(\"theShipVideo\")?.removeEventListener(\"ended\", startVideo);\r\n    //     })\r\n    // }, [])\r\n\r\n    // Smaller video = 960 * 540\r\n    // Bigger video = 1280 × 720\r\n\r\n    return (\r\n        <Container>\r\n            <Body>\r\n                <video\r\n                    id=\"theShipVideo\"\r\n                    // width=\"1280\"\r\n\r\n\r\n\r\n                    // height=\"720\"\r\n\r\n\r\n                    style={{\r\n                        height: \"100%\",\r\n                        width: \"100%\"\r\n                    }}\r\n\r\n                    controls\r\n                    autoPlay\r\n                    muted\r\n                    loop\r\n                >\r\n                    <source\r\n                        // src=\"/video/the_ship_720p.mp4\"\r\n                        src=\"https://theshipas-my.sharepoint.com/:v:/g/personal/fredrik_theship_no/EUeFtyyDECBNgqugTtEe8ScB0JwAIuGi5NMUrZY7s8ypPA?e=Jg0C9a&nav=eyJwbGF5YmFja09wdGlvbnMiOnt9LCJyZWZlcnJhbEluZm8iOnsicmVmZXJyYWxBcHAiOiJTdHJlYW1XZWJBcHAiLCJyZWZlcnJhbE1vZGUiOiJtaXMiLCJyZWZlcnJhbFZpZXciOiJwb3N0cm9sbC1jb3B5bGluayIsInJlZmVycmFsUGxheWJhY2tTZXNzaW9uSWQiOiJlN2Y1YmNlOC02ZTAwLTRjOWUtOGJhYi03YzFkODVkZTE1OWUifX0%3D\"\r\n                        type=\"video/mp4\"\r\n\r\n                    />\r\n                    Your browser does not support the video tag.\r\n                </video>\r\n            </Body>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Route, Routes } from \"react-router-dom\";\r\nimport { Tracker } from \"../tracker/Tracker\";\r\nimport { Video } from \"../video/Video\";\r\n\r\n//#region Styled Components\r\nconst Component = styled.div`\r\n    overflow-y: auto;\r\n    flex-grow: 1;\r\n    display: flex;\r\n    justify-content: center;\r\n\r\n    >div {\r\n        width: 1000px;\r\n        padding: 0 30px;\r\n    }\r\n\r\n    @media (max-width: 450px) {\r\n        >div {\r\n            padding: 0;\r\n        }\r\n    }\r\n`;\r\n//#endregion\r\n\r\nexport const MainBody: React.FC = () => {\r\n    return (\r\n        <Component>\r\n            <div>\r\n                <Routes>\r\n                    <Route path=\"/track\" element={<Tracker />} />\r\n                    <Route path=\"/video\" element={<Video />} />\r\n                </Routes>\r\n            </div>\r\n        </Component >\r\n    );\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { useAppContextOpen } from \"../../globalHooks/useAppContextOpen\";\r\nimport { Footer } from \"../footer/Footer\";\r\nimport { Header } from \"../header/Header\";\r\nimport { MainBody } from \"../mainBody/MainBody\";\r\n\r\nconst Component = styled.div`\r\n    height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    background-image: url(/img/PortBackWeb.jpg);\r\n    background-position: center;\r\n    background-size: cover;\r\n`;\r\n\r\nexport const MainOpen = () => {\r\n    const { app } = useAppContextOpen();\r\n    const [ready, setReady] = useState(false);\r\n\r\n    useEffect(() => {\r\n        app.setup()\r\n            .then(() => {\r\n                setReady(true);\r\n            })\r\n    }, [])\r\n\r\n    if(!ready) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Component>\r\n            <Header />\r\n            <MainBody />\r\n            <Footer />\r\n        </Component>\r\n    );\r\n}","import { observer } from \"mobx-react-lite\";\r\nimport React, { useEffect } from \"react\";\r\nimport { useUrlParams } from \"../../globalHooks/useUrlParams\";\r\n\r\nexport const Demo = observer(() => {\r\n    const { getUrlParam } = useUrlParams();\r\n    const demoMode = getUrlParam(\"demoMode\");\r\n    const demoUrlIndex = getUrlParam(\"demoUrlIndex\");\r\n    const urls: string[] = [\r\n        \"/\",\r\n        \"/portcalls/7533\",\r\n        \"/port/NOSUZ\",\r\n        \"/flows/21/edit\",\r\n        \"/reports/log/28ae9036-f0da-4006-af53-cd16a4046521\",\r\n        \"/open/track?t=NKCQTHOQZAnghaT3igoVBUwEs8DQoEO0Xawk2Bzmqn2wGmVQhexyGGsZXXCoO9WgD1riJLGFCYH\",\r\n        \"/open/video\"\r\n    ];\r\n\r\n    useEffect(() => {\r\n        let timeout: any = null;\r\n\r\n        if (demoMode && (/true/i).test(demoMode)) {\r\n            timeout = setTimeout(() => {\r\n\r\n                let nextUrlIndex = 0;\r\n\r\n                if (demoUrlIndex) {\r\n                    try {\r\n                        nextUrlIndex = parseInt(demoUrlIndex, 0);\r\n                        nextUrlIndex++;\r\n                    }\r\n                    catch (error) { }\r\n                }\r\n\r\n                if (nextUrlIndex >= urls.length) {\r\n                    nextUrlIndex = 0;\r\n                }\r\n\r\n                let url = urls[nextUrlIndex];\r\n\r\n                url.indexOf(\"?\") < 0\r\n                    ? url += \"?\"\r\n                    : url += \"&\";\r\n\r\n                url += `demoMode=true&demoUrlIndex=${nextUrlIndex}`;\r\n\r\n                window.location.href = url;\r\n            }, 120000);\r\n        }\r\n    }, [])\r\n\r\n    return <div />;\r\n});","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { MsalAuthenticationTemplate, MsalProvider } from \"@azure/msal-react\";\r\nimport { Configuration, InteractionType, PublicClientApplication } from \"@azure/msal-browser\";\r\nimport { AppSettings } from './appSettings';\r\nimport { BrowserRouter as Router, Route, Routes } from \"react-router-dom\";\r\nimport { MainOpen } from './componentsOpen/mainOpen/MainOpen';\r\nimport { Demo } from './components/demo/Demo';\r\nimport './index.css';\r\n\r\nconst unregisterSW = () => {\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\n// MSAL configuration\r\nconst configuration: Configuration = {\r\n    auth: {\r\n        clientId: AppSettings.clientId\r\n    }\r\n};\r\n\r\nconst pca = new PublicClientApplication(configuration);\r\n\r\n// Component\r\nconst AppProvider = () => (\r\n    <div>\r\n        <Demo />\r\n        <Router>\r\n            <Routes>\r\n                <Route path=\"/open/*\" element={<MainOpen />} />\r\n                <Route path=\"/*\" element={\r\n                    <MsalProvider instance={pca}>\r\n                        <MsalAuthenticationTemplate interactionType={InteractionType.Redirect}>\r\n                            <App />\r\n                        </MsalAuthenticationTemplate>\r\n                    </MsalProvider>\r\n                } />\r\n            </Routes>\r\n        </Router>\r\n    </div>\r\n);\r\n\r\nReactDOM.render(<AppProvider />, document.getElementById(\"root\"));\r\n\r\n// Unregister SW\r\nunregisterSW();\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n\r\n"],"sourceRoot":""}