\n
\n \n
\n {this.state.authenticationError && this.showError(this.state.authenticationError)}\n \n \n \n
\n {!this.state.authenticationError && (\n \n
\n )}\n Create an account to get started.
\n\n
\n );\n }\n}\n","import Register from \"./Register\";\n\nexport default Register;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport * as React from \"react\";\nimport Checkbox from \"primitiveComponents/form/Checkbox/Checkbox\";\nimport AuthProvider from \"../AuthProvider\";\nimport { client, repository, session } from \"clientInstance\";\nimport { AuthenticationProviderElement } from \"client/authentication\";\nimport { UserResource, LoginCommand, LoginState, OctopusError, FeaturesConfigurationResource } from \"client/resources\";\nimport URI from \"urijs\";\nimport Logger from \"client/logger\";\nimport cn from \"classnames\";\nimport { Text } from \"components/form\";\nimport { ActionButton, ActionButtonType } from \"components/Button\";\nimport Environment from \"environment\";\nimport loginStateCalculator from \"./loginStateCalculator\";\nimport ErrorPanel from \"components/ErrorPanel/ErrorPanel\";\nimport BaseComponent from \"components/BaseComponent\";\nimport ExternalLink from \"components/Navigation/ExternalLink\";\nconst styles = require(\"./style.less\");\nimport PageTitleHelper from \"utils/PageTitleHelper\";\nimport { TextInput } from \"primitiveComponents/form/Text/Text\";\nimport InternalRedirect from \"../../../components/Navigation/InternalRedirect/InternalRedirect\";\nimport routeLinks from \"../../../routeLinks\";\nimport { RouteComponentProps, StaticContext } from \"react-router\";\nimport { StarFish } from \"../../../components/Images/SignIn/StarFish\";\nimport { Octopus } from \"../../../components/Images/Resources/Octopus\";\nimport AuthenticationError from \"client/resources/authenticationError\";\nimport BusyIndicator from \"components/BusyIndicator\";\nimport { locationStateIncludesFrom } from \"components/SecureRoute/localStateIncludedFrom\";\n\ninterface SignInState {\n redirectToReferrer: boolean;\n userName: string;\n password: string;\n rememberMe: boolean;\n loginState: LoginState;\n showAccountTypeSelector: boolean;\n busyIndicator?: Promise\n {!this.state.hasLoadedAuthProviders ? (\n
\n );\n }\n\n renderSignIn() {\n return (\n \n
\n ) : !this.anyAuthenticationProviders ? (\n this.noAuthenticationProvidersEnabled()\n ) : (\n this.renderSignIn()\n )}\n \n {this.state.showAccountTypeSelector ? (\n this.accountTypeSelection()\n ) : (\n
\n );\n }\n\n private setError(error: { ErrorMessage?: string; Errors?: string[]; DetailLinks?: string[]; message?: string }) {\n if (!error) {\n return;\n }\n\n Logger.error(error);\n\n const authenticationError: AuthenticationError = {\n ErrorMessage: error.ErrorMessage || error.message || error.toString(),\n Errors: error.Errors || [],\n DetailLinks: error.DetailLinks || [],\n };\n\n this.setState({ authenticationError });\n }\n\n private accountTypeSelection() {\n return (\n \n
\n )}\n \n
\n\n {this.isGuestProviderEnabled && (\n \n
\n {this.state.authenticationError && this.showError(this.state.authenticationError)}\n {(this.anyFormsAuthenticationProviders || this.formsProvidersWithLinks.length > 0) && (\n \n \n
\n {!this.state.authenticationError && {this.state.shouldAutoSignIn ?
}\n Signing in, please wait...
:Welcome! Please sign in.
}\n {this.anyFormsAuthenticationProviders && (\n \n )}\n {this.formsProvidersWithLinks.map((p) => (\n
\n )}\n {this.anyNonFormsAuthenticationProviders && (\n \n
\n ))}\n \n {this.nonFormsAuthenticationProviders.map((p) => (\n
\n )}\n \n
\n ))}\n \n I AM A GUEST\n
\n )}\n \n
\n );\n }\n\n private async setupAuthenticationProviders() {\n const document = await repository.Authentication.get();\n this.authenticationProviders = document.AuthenticationProviders;\n\n this.nonFormsAuthenticationProviders = this.authenticationProviders.filter((p) => {\n return !p.FormsLoginEnabled && !this.isActiveDirectory(p) && p.IdentityType !== \"Guest\";\n });\n\n const formsAuthenticationProviders = this.authenticationProviders.filter((p) => {\n return p.FormsLoginEnabled && p.IdentityType !== \"Guest\";\n });\n this.anyFormsAuthenticationProviders = formsAuthenticationProviders.length > 0;\n this.anyNonFormsAuthenticationProviders = this.nonFormsAuthenticationProviders.length > 0;\n\n this.formsProvidersWithLinks = this.authenticationProviders.filter(this.isActiveDirectory);\n\n this.anyAuthenticationProviders = this.anyFormsAuthenticationProviders || this.anyNonFormsAuthenticationProviders || this.formsProvidersWithLinks.length > 0;\n\n this.isGuestProviderEnabled = this.authenticationProviders.filter((p) => p.IdentityType === \"Guest\").length > 0;\n\n const singleNonFormsAuthenticationProvider = !this.anyFormsAuthenticationProviders && this.nonFormsAuthenticationProviders.length + this.formsProvidersWithLinks.length === 1;\n const showAccountTypeSelector = this.isGuestProviderEnabled && !this.state.authenticationError;\n let shouldAutoSignIn = document.AutoLoginEnabled && !this.state.authenticationError && singleNonFormsAuthenticationProvider && !showAccountTypeSelector;\n let autoSignInProviderName = \"\";\n if (shouldAutoSignIn) {\n autoSignInProviderName = this.authenticationProviders[0].Name;\n }\n\n if (this.props.location.search) {\n const provider = await repository.Authentication.wasLoginInitiated(this.props.location.search);\n\n if (provider && provider.WasLoginInitiated) {\n shouldAutoSignIn = true;\n autoSignInProviderName = provider.ProviderName;\n if (provider.ProviderName === \"Octopus - Guest\") {\n await this.signInAsGuest();\n }\n }\n }\n\n this.setState({ showAccountTypeSelector, shouldAutoSignIn, autoSignInProviderName, hasLoadedAuthProviders: true });\n }\n\n private async authenticationSucceeded(user: UserResource) {\n await this.startSession(user);\n this.setState({ redirectToReferrer: true });\n }\n\n private authenticate = async (userName: string, password: string, rememberMe: boolean) => {\n try {\n Logger.log(`Attempting to sign in: ${userName}`);\n const loginCommand: LoginCommand = {\n Username: userName,\n Password: password,\n RememberMe: rememberMe,\n State: this.state.loginState,\n };\n const user = await repository.Users.signIn(loginCommand);\n\n await this.authenticationSucceeded(user);\n } catch (error) {\n this.setError(error);\n }\n };\n\n private async startSession(user: UserResource) {\n try {\n const features = await repository.FeaturesConfiguration.get();\n session.start(user, features);\n if (this.props.onSessionStarted) {\n await this.props.onSessionStarted(user, features);\n }\n } catch (error) {\n Logger.log(error);\n\n const message = \"The sign in succeeded but we failed to get the resultant permissions for this user account. \";\n\n const reason = error.StatusCode === 401 ? \"This can happen if the Octopus authentication cookie is blocked.\" : \"There was a problem communicating with the Octopus Server: \" + error.ErrorMessage;\n\n this.setError({ ErrorMessage: message + reason });\n }\n }\n\n private isActiveDirectory(provider: AuthenticationProviderElement) {\n return provider.Name === \"Active Directory\";\n }\n\n private onExternalAuthenticationProviderError = (error: { ErrorMessage?: string; Errors?: string[]; DetailLinks?: string[]; message?: string }) => {\n this.setError(error);\n };\n\n private signIn = async (e: React.FormEvent\n
\n I am a guest
\n\n
\n I have an account
\n\n There are no authentication providers enabled. Learn about enabling authentication providers \n
\n );\n }\n\n private calculateLoginState(redirectToPath: string) {\n return loginStateCalculator(location.href, redirectToPath, Environment.isInDevelopmentMode());\n }\n\n private showError(authenticationError: AuthenticationError) {\n return (\n \n
\n );\n }\n}\n","import SignIn from \"./SignIn\";\n\nexport default SignIn;\n","import URI from \"urijs\";\nimport { LoginState } from \"client/resources\";\n\nfunction calculateLoginState(currentAbsoluteUrl: string, redirectToPath: string, isInDevelopmentMode: boolean): LoginState {\n if (!currentAbsoluteUrl) {\n throw new Error(\"url must be set to a value\");\n }\n\n const octopusServerKey = \"octopus.server\";\n const octopusServerIndex = currentAbsoluteUrl.indexOf(octopusServerKey);\n const pathName = octopusServerIndex !== -1 ? new URI(currentAbsoluteUrl.substring(octopusServerIndex + octopusServerKey.length + 1)).fragment() : new URI(currentAbsoluteUrl).fragment();\n const targetUrl = currentAbsoluteUrl.toString().replace(pathName, redirectToPath);\n\n return {\n RedirectAfterLoginTo: isInDevelopmentMode ? targetUrl : toRelative(targetUrl),\n UsingSecureConnection: currentAbsoluteUrl.startsWith(\"https://\"),\n };\n}\n\nfunction toRelative(url: string) {\n return new URI(url).resource();\n}\n\nexport default calculateLoginState;\n","import * as React from \"react\";\nimport { ActionButton, ActionButtonType } from \"components/Button\";\nimport { repository, session } from \"clientInstance\";\nimport BaseComponent from \"components/BaseComponent\";\nconst styles = require(\"./style.less\");\nimport ErrorPanel from \"components/ErrorPanel/ErrorPanel\";\nimport PageTitleHelper from \"utils/PageTitleHelper\";\nimport InternalRedirect from \"../../../components/Navigation/InternalRedirect/InternalRedirect\";\nimport routeLinks from \"../../../routeLinks\";\n\ninterface SignOutError {\n message: string;\n details: string[];\n}\n\ninterface SignOutProps {\n history: { goBack: () => void };\n onSessionEnded?: () => void;\n}\n\ninterface SignOutState {\n isSignedOut: boolean;\n error?: SignOutError;\n}\n\nexport default class SignOut extends BaseComponent\n {!this.state.error && (\n
\n );\n }\n\n private goBack = () => {\n this.props.history.goBack();\n };\n\n private signOut = async () => {\n try {\n await repository.Users.signOut();\n if (this.props.onSessionEnded) {\n this.props.onSessionEnded();\n }\n\n session.end();\n this.setState({ isSignedOut: true });\n } catch (err) {\n const error = {\n message: err.ErrorMessage || err.message || err.toString(),\n details: err.Errors || [],\n };\n\n this.setState({ error });\n }\n };\n\n private showError(error: SignOutError) {\n return (\n \n \n
\n )}\n {this.state.error && this.showError(this.state.error)}\n \n
\n Are you sure you want to sign out?
\n\n Clicking Sign out will clear our cookies and log you out on this device.\n
\n\n
\n \n \n No, I want to stay!\n \n
\n \n
\n );\n }\n}\n","import SignOut from \"./SignOut\";\n\nexport default SignOut;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\n/* eslint-disable @typescript-eslint/consistent-type-assertions */\n\nimport * as React from \"react\";\nimport { ResourceCollection, EventResource, EventAgentResource, SpaceResource, ProjectGroupResource, ProjectSummaryResource } from \"client/resources\";\nimport { client, repository, session } from \"clientInstance\";\nimport PaperLayout from \"components/PaperLayout/PaperLayout\";\nimport DateFormatter from \"utils/DateFormatter\";\nimport { DataBaseComponent, DataBaseComponentState } from \"components/DataBaseComponent\";\nimport { ActionButton, ActionButtonType } from \"components/Button\";\nimport { EventFilterSelections, EventFilter } from \"components/EventFilter\";\nimport { OverflowMenuDisabledItem, OverflowMenuNavLink } from \"components/Menu/OverflowMenu\";\nimport { EnvironmentResource, UserResource, ProjectResource, EventCategoryResource, EventGroupResource, DocumentTypeResource, TenantResource } from \"client/resources\";\nimport URI from \"urijs\";\nimport moment from \"moment\";\nimport PermissionCheck from \"components/PermissionCheck/PermissionCheck\";\nimport Permission from \"client/resources/permission\";\nconst styles = require(\"./style.less\");\nimport OverflowMenu, { OverflowMenuItems } from \"components/Menu/OverflowMenu\";\nimport ActionList from \"components/ActionList/ActionList\";\nimport AdvancedFilterLayout from \"components/AdvancedFilterLayout\";\nimport { FilterSection } from \"components/AdvancedFilterLayout\";\nimport { arrayValueFromQueryString } from \"utils/ParseHelper/ParseHelper\";\nimport { isAllowed } from \"components/PermissionCheck/PermissionCheck\";\nimport Callout, { CalloutType } from \"primitiveComponents/dataDisplay/Callout/Callout\";\nimport RequestRaceConditioner from \"utils/RequestRaceConditioner\";\nimport { QueryStringFilters, IQuery } from \"components/QueryStringFilters/QueryStringFilters\";\nimport { Moment } from \"moment\";\nimport FormPage from \"components/FormPage/FormPage\";\nimport routeLinks from \"../../../../routeLinks\";\nimport Note from \"primitiveComponents/form/Note/Note\";\nimport List from \"components/List\";\nimport AuditListRow from \"components/AuditListRow/AuditListRow\";\nimport store from \"../../../../store\";\nimport { expanderActions, defaultContainerKey } from \"components/form/Sections/reducers/expanders\";\nimport { Select } from \"components/form\";\nimport DatePickerDialog from \"components/Dialog/DatePickerDialog\";\nimport ScrollToTop from \"primitiveComponents/navigation/ScrollToTop\";\nimport SystemUserFactory from \"utils/SystemUserFactory\";\n\nclass AuditDataList extends List\n Try expanding this range.\n
\n {this.state.filterSelections.RegardingAny && this.state.filterSelections.RegardingAny.length > 0 && (\n this.onFiltersChanged({ ...this.state.filterSelections, DocumentTypes })}\n onChangeEnvironments={(Environments) => this.onFiltersChanged({ ...this.state.filterSelections, Environments })}\n onChangeEventCategories={(EventCategories) => this.onFiltersChanged({ ...this.state.filterSelections, EventCategories })}\n onChangeEventGroups={(EventGroups) => this.onFiltersChanged({ ...this.state.filterSelections, EventGroups })}\n onChangeEventAgents={(EventAgents) => this.onFiltersChanged({ ...this.state.filterSelections, EventAgents })}\n onChangeProjects={(Projects) => this.onFiltersChanged({ ...this.state.filterSelections, Projects })}\n onChangeProjectGroups={(ProjectGroups) => this.onFiltersChanged({ ...this.state.filterSelections, ProjectGroups })}\n onChangeTenants={(Tenants) => this.onFiltersChanged({ ...this.state.filterSelections, Tenants })}\n onChangeTenantTags={(Tags) => this.onFiltersChanged({ ...this.state.filterSelections, Tags })}\n onChangeUsers={(Users) => this.onFiltersChanged({ ...this.state.filterSelections, Users })}\n onChangeSpaces={(Spaces) => this.onFiltersChanged({ ...this.state.filterSelections, Spaces })}\n onIncludeSystemChange={(IncludeSystem) => this.onFiltersChanged({ ...this.state.filterSelections, IncludeSystem })}\n />\n
\n ),\n },\n ];\n }\n\n private dateFilterHeader = () => {\n const onDateChange = async (value: string) => {\n const dateOption = Object.values(DateOption).find((option) => option.toString() === value);\n if (dateOption) {\n if (dateOption === DateOption.Custom) {\n this.openDialog();\n } else {\n await this.onDatePickerChange(dateOption, this.convertDateOptionToDateRange(dateOption));\n }\n }\n };\n\n const dateOptions = Object.values(DateOption).map((value) => {\n return {\n text: value,\n value,\n };\n });\n\n return (\n \n \n Regarding documents:\n \n
\n )}\n - \n {this.state.filterSelections.RegardingAny.map((x, index) => (\n
- \n {x}\n \n ))}\n
\n {\n this.onFiltersChanged({ ...this.state.filterSelections, RegardingAny: null! });\n }}\n label=\"Clear\"\n />\n
\n \n {this.state.dialogOpen && (\n this.onDatePickerChange(DateOption.Custom, range)}\n onCancelClick={() => this.clearDialogState()}\n />\n )}\n {\n if (value) return onDateChange(value);\n }}\n sortItems={false}\n />\n
\n );\n };\n\n private dateFilterNote = () => {\n const startDate = this.state.filterSelections.DateRange.startDate.clone();\n const endDate = this.state.filterSelections.DateRange.endDate.clone();\n\n const dateRangeNote = DateFormatter.dateToCustomFormat(startDate, dateFormatForHumans) + \" - \" + DateFormatter.dateToCustomFormat(endDate, dateFormatForHumans);\n\n return (\n \n \n Showing results for {dateRangeNote}\n \n
\n );\n };\n\n private openDialog() {\n this.setState({ dialogOpen: true });\n }\n\n private clearDialogState() {\n this.setState({ dialogOpen: false });\n }\n\n private onExportClicked() {\n window.location.href = this.state.exportUrl;\n }\n\n private async onDatePickerChange(dateOption: DateOption, dateRange: DateRange) {\n const filterSelections: AuditFilter = {\n ...this.state.filterSelections,\n DateOption: dateOption,\n DateRange: {\n startDate: dateRange.startDate.clone().startOf(\"day\"),\n endDate: dateRange.endDate.clone().endOf(\"day\"),\n },\n };\n this.clearDialogState();\n this.onFiltersChanged(filterSelections);\n }\n\n private onFiltersChanged = (filterSelections: AuditFilter) => {\n this.setState({ filterSelections }, async () => {\n await this.reload();\n });\n };\n\n private createSubscriptionAction(): OverflowMenuDisabledItem | OverflowMenuNavLink {\n const newQS = new URI().search(this.queryFromFilters(this.state.filterSelections, false)).search();\n\n const createSub = \"Create subscription from this filter\";\n\n if (this.state.filterSelections.Spaces.length > 1) {\n return OverflowMenuItems.disabledItem(createSub, \"Multiple Spaces are selected, a subscription can only be created for a single Space\");\n } else if (this.state.filterSelections.Spaces.length === 0) {\n return OverflowMenuItems.disabledItem(createSub, \"A subscription can only be created for your current Space\");\n } else if (this.state.filterSelections.Spaces.length === 1 && this.state.filterSelections.Spaces[0] !== client.spaceId) {\n const otherSpaceName = this.props.lookupData.spaces.find((s) => s.Id === this.state.filterSelections.Spaces[0])!.Name;\n return OverflowMenuItems.disabledItem(createSub, `A subscription can only be created for your current Space, you will need to switch to the '${otherSpaceName}' Space to create it.`);\n }\n\n return OverflowMenuItems.navItem(createSub, routeLinks.configuration.subscriptions.create, newQS, {\n permission: Permission.SubscriptionEdit,\n });\n }\n\n private queryFromFilters(filterSelections: AuditFilter, includeDates: boolean): AuditQuery {\n return {\n users: filterSelections.Users,\n projects: filterSelections.Projects,\n projectGroups: filterSelections.ProjectGroups,\n environments: filterSelections.Environments,\n eventGroups: filterSelections.EventGroups,\n eventCategories: filterSelections.EventCategories,\n eventAgents: filterSelections.EventAgents,\n tenants: filterSelections.Tenants,\n tags: filterSelections.Tags,\n documentTypes: filterSelections.DocumentTypes,\n from: filterSelections.DateRange.startDate && includeDates ? filterSelections.DateRange.startDate.format(dateFormatForApi) : undefined,\n to: filterSelections.DateRange.endDate && includeDates ? filterSelections.DateRange.endDate.format(dateFormatForApi) : undefined,\n regardingAny: filterSelections.RegardingAny,\n includeSystem: filterSelections.IncludeSystem ? \"true\" : \"false\",\n spaces: filterSelections.Spaces,\n };\n }\n\n private getFilterFromQuery = (query: AuditQuery): AuditFilter => {\n const defaultDateConfig = this.getDefaultDateConfiguration();\n return {\n Users: arrayValueFromQueryString(query.users),\n Projects: arrayValueFromQueryString(query.projects),\n ProjectGroups: arrayValueFromQueryString(query.projectGroups),\n Environments: arrayValueFromQueryString(query.environments),\n EventGroups: arrayValueFromQueryString(query.eventGroups),\n EventCategories: arrayValueFromQueryString(query.eventCategories),\n EventAgents: arrayValueFromQueryString(query.eventAgents),\n Tenants: arrayValueFromQueryString(query.tenants),\n Tags: arrayValueFromQueryString(query.tags),\n DocumentTypes: arrayValueFromQueryString(query.documentTypes),\n DateOption: this.state.filterSelections.DateOption,\n DateRange: {\n startDate: getDate(query.from, defaultDateConfig.range.startDate),\n endDate: getDate(query.to, defaultDateConfig.range.endDate),\n },\n RegardingAny: arrayValueFromQueryString(query.regardingAny),\n Spaces: arrayValueFromQueryString(query.spaces),\n IncludeSystem: query.includeSystem === \"true\",\n };\n\n function getDate(dateQueryString: string | undefined, defaultDate: Moment) {\n if (dateQueryString) {\n const parsedDate = moment(dateQueryString, dateFormatForApi);\n if (parsedDate.isSame(defaultDate, \"second\")) {\n return defaultDate;\n }\n return parsedDate;\n }\n return defaultDate;\n }\n };\n\n private getDefaultDateConfiguration = (): { option: DateOption; range: DateRange } => ({ option: DateOption.Last30Days, range: this.convertDateOptionToDateRange(DateOption.Last30Days) });\n\n private getAdditionalRequestParams(): Map\n The entries below are the most recent warning and error-level events recorded on this Octopus Server node in this session. \n \n \n No warning or error-level events have been collected in this session.\n \n \n )}\n \n noOp()} />\n \n
\n )}\n \n this.onCollectClicked()} />\n
\n );\n\n const body = this.state.logs && (\n \n
\n this.performIntegrityCheck()} />\n
\n
\n );\n\n return (\n \n
\n
\n
\n );\n\n const body = detail && (\n \n this.setTail(false)} />\n
\n );\n\n return (\n \n
\n \n this.setVerbose(verbose === \"true\")}\n items={[\n { text: \"Info\", value: \"false\" },\n { text: \"Verbose\", value: \"true\" },\n ]}\n label=\"Log level\"\n />\n
\n \n this.setTail(tail === \"true\")}\n items={[\n { text: \"Last 20\", value: \"true\" },\n { text: \"All\", value: \"false\" },\n ]}\n label=\"Log tail\"\n />\n
\n \n (\n
\n );\n};\n\nServerExtensions.displayName = \"ServerExtensions\";\n\nexport default ServerExtensions;\n","import * as React from \"react\";\nimport { SFC } from \"react\";\nimport { ActivityLogElement } from \"client/resources/taskDetailsResource\";\nimport TaskLogLines from \"components/TaskLogLines/TaskLogLines\";\nimport { Section } from \"components/Section/Section\";\nimport { NavigationButton, NavigationButtonType } from \"components/Button/NavigationButton\";\nimport { Callout, CalloutType } from \"primitiveComponents/dataDisplay/Callout/Callout\";\nimport HALogWarning from \"./HALogWarning\";\nimport routeLinks from \"routeLinks\";\nimport { noOp } from \"utils/noOp\";\n\ninterface ServerLogsProps {\n logs: ActivityLogElement[];\n isHA: boolean;\n}\n\nconst ServerLogs: SFCServer Extensions
\n\n {ext.Name} \n {ext.Version}\n
\n by {ext.Author}\n
\n )}\n />\n \n by {ext.Author}\n
\n \n \n No warning or error-level events have been collected in this session.\n \n )}\n \n \n \n
\n );\n};\n\nServerLogs.displayName = \"ServerLogs\";\n\nexport default ServerLogs;\n","import * as React from \"react\";\nimport { SFC } from \"react\";\nimport { Section } from \"components/Section/Section\";\nimport { NavigationButton, NavigationButtonType } from \"components/Button/NavigationButton\";\nimport { ServerStatusResource } from \"client/resources/serverStatusResource\";\nimport PermissionCheck from \"components/PermissionCheck/PermissionCheck\";\nimport Permission from \"client/resources/permission\";\n\ninterface SystemDiagnosticReportProps {\n serverStatus: ServerStatusResource;\n}\n\nconst SystemDiagnosticReport: SFCThe entries below are the most recent warning and error-level events recorded on this Octopus Server node in this session.
\nIf you are experiencing problems with your Octopus instance, attaching this report to your support request may lead to a quicker resolution.
\n\n This generated system report may contain information specific to this Octopus Deploy installation, such as file paths, deployment target, project, user, or environment details. Every effort is made to mask sensitive data such as\n passwords.\n
\nIf you are concerned about sharing any of this information with the Octopus Deploy Support Team we recommend opening the file and sending only extracts relevant to your specific problem.
\n\n \n \n \n OS Version \n {si.OSVersion} \n \n \n CLR Version \n {si.ClrVersion} \n \n \n Working Set \n \n {ByteSizeFormatter(si.WorkingSetBytes)}\n
\n props.onCollectClicked()} type={ActionButtonType.Ternary} />\n \n \n \n Threads \n {si.ThreadCount} \n \n \n Uptime \n \n \n \n \n \n
\n );\n};\n\nSystemInformation.displayName = \"SystemInformation\";\n\nexport default SystemInformation;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport * as React from \"react\";\nimport { SFC } from \"react\";\nimport { Section } from \"components/Section/Section\";\nimport { TaskResource } from \"client/resources/taskResource\";\nimport ExternalLink from \"components/Navigation/ExternalLink/ExternalLink\";\nimport TimeFromNowLabel from \"components/TimeLabels/TimeFromNowLabel\";\nimport InternalLink from \"components/Navigation/InternalLink/InternalLink\";\nimport { Callout, CalloutType } from \"primitiveComponents/dataDisplay/Callout/Callout\";\nimport { ActionButton, ActionButtonType } from \"components/Button/ActionButton\";\nimport PermissionCheck from \"components/PermissionCheck/PermissionCheck\";\nimport Permission from \"client/resources/permission\";\nimport routeLinks from \"../../../../routeLinks\";\n\ninterface SystemIntegrityCheckProps {\n latestCheck: TaskResource<{}>;\n performIntegrityCheck(): void;\n}\n\nconst SystemIntegrityCheck: SFCSystem Information
\n\n
The check has never run
;\n }\n\n if (!check.IsCompleted) {\n return (\n\n The check is currently
\n The check last ran
The system integrity checks your Octopus database schema and data for inconsistencies.
\n {getCheckStatus()}\n\n {this.state.model!.featuresConfiguration.IsCommunityActionTemplatesEnabled && (\n
\n {this.state.lastSyncedTask ? (\n \n {!this.state.lastSyncedTask.FinishedSuccessfully ? (\n \n Last sync failed\n \n ) : (\n \n Last sync succeeded\n \n )}\n \n {\" \"}\n {DateFormatter.momentAgo(this.state.lastSyncedTask.CompletedTime!)}\n \n this.synchronizeLibrarySteps()} />\n \n ) : (\n \n Not run\n this.synchronizeLibrarySteps()} />\n \n )}\n
\n )}\n \n \n \n \n The DNS name that the server should listen on for HTTPS requests. Do not include a prefix such as 'https://'.\n
\n Note: Let's Encrypt must be able to communicate with this DNS name on port 80.\n \n }\n >\n this.setModelState({ DnsName })} />\n \n \n this.setModelState({ Path })} />\n \n \n this.setModelState({ HttpsPort: !!v ? parseInt(v, 10) : null! })} type=\"number\" min={0} />\n \n \n You must agree to the Let's Encrypt Terms of Service .\n \n }\n >\n this.setModelState({ AcceptLetsEncryptTermsOfService: !!v })} />\n \n \n this.setModelState({ RegistrationEmailAddress })} />\n \n \n The IP address to which the certificate should be bound.\n
\n Note: The default is 0.0.0.0 which binds the certificate to all IP addresses on the server.\n \n }\n >\n this.setModelState({ IPAddress })} />\n \n
\n );\n\n const localHostErrorDialog = (\n Register with Let's Encrypt and setup auto-renewing SSL certificates for the Octopus Portal
\n\n Note: Let's Encrypt must be able to communicate with this DNS name on port 80.\n \n }\n >\n
\n Note: The default is 0.0.0.0 which binds the certificate to all IP addresses on the server.\n \n }\n >\n
Let's Encrypt cannot use localhost as the binding. Let's Encrypt needs to communicate with the Octopus Portal to validate domain control.
\nPlease select a non-localhost binding.
\nThe Octopus Portal is not currently listening on {this.getHttpUrl()} on port 80. Let's Encrypt communicates with the Portal over the HTTP protocol to validate domain control.
\nPlease cancel and use the Octopus Server Manager to setup a HTTP binding for this url.
\n \n );\n\n const restartServerWarningDialog = this.state.model && (\nApplying the new certificate from Let's Encrypt will require a restart of the Octopus Server, as the Portal is not currently listening on {ConfigureLetsEncrypt.getBinding(this.state.model)}.
\nAre you sure you want to continue?
\n \n );\n\n return (\n\n Let's Encrypt integration is currently enabled; the SSL certificate was last renewed {taskLink} and is due to expire {expiryLabel}.\n
\nOctopus will automatically request a new certificate 21 days before this certificate expires.
\nAre you sure you want to disable Let's Encrypt?
\n \n {this.state.octopusServerIsInACluster ? (\n \n Let's Encrypt is only supported in single node Octopus Server configurations. Learn more \n \n ) : null}\n {this.state.config!.Enabled ? (\n this.getEnabledStatusMessage()\n ) : (\n \n Octopus can integrate with Let's Encrypt to automatically manage the TLS/SSL certificate for the Octopus Portal.{\" \"}\n Learn more .\n \n )}\n
\n );\n\n return (\n \n \n \n {licenseStatus.Limits.map((l: LicenseLimitStatus, index) => (\n \n {l.Name} \n \n {l.CurrentUsage}/{l.EffectiveLimitDescription}\n \n \n {l.Disposition === LicenseMessageDisposition.Information && (\n \n \n \n )}\n {l.Disposition === LicenseMessageDisposition.Warning && (\n \n \n \n )}\n {l.Disposition === LicenseMessageDisposition.Error && (\n \n \n \n )}\n \n \n ))}\n \n \n
\n );\n\n const sidebarConfig = config && (\n License Limits
\n\n \n this.setState({ upgradeConfiguration })} />\n \n
\n );\n\n const body = licenseStatus && (\n Upgrade Notifications
\n\n The update notification that is shown in the top menu will {this.getUpgradeOption()}\n
\n\n {!licenseStatus.IsCompliant && (\n \n \n \n \n )}\n {licenseStatus.DaysToEffectiveExpiryDate < 30 && (\n \n 0 ? CalloutType.Warning : CalloutType.Danger} title={this.getLicenceExpiryTitle(licenseStatus.DaysToEffectiveExpiryDate)}>\n \n \n )}\n \n \n {licenseStatus.Messages && licenseStatus.Messages.length > 0 && (\n \n \n \n {licenseStatus.Messages.map((m: LicenseMessage, index) => (\n \n \n {m.Disposition === LicenseMessageDisposition.Information && }\n {m.Disposition === LicenseMessageDisposition.Warning && }\n {m.Disposition === LicenseMessageDisposition.Error && }\n \n {m.Message} \n \n ))}\n \n \n \n )}\n
\n );\n\n return (\n {licenseStatus.ComplianceSummary}
\n\n Get more information or upgrade your license at
Renewing your license guarantees access to:
\n\n {licenseStatus.DoesExpiryBlockKeyActivities ? (\n- \n
- Ongoing ability to create new releases and deployments \n
- All new features, enhancements, bug fixes, and patches \n
- Continued help and support \n
- \n
- All major features and enhancements \n
- Bug fixes and patches \n
- Continued help and support \n
\n Renewing your license is quick and easy. Visit our
\n this.setState({ model: { ...license!, LicenseText: v } })} />\n
\n \n this.setState({ notificationMode })} autoFocus>\n \n
\n );\n\n return (\n This setting only affects the visibility of the update notification that is shown in the top menu when Octopus updates are available.
\n\n Maintenance mode is currently {config.IsInMaintenanceMode ? \"Enabled\" : \"Disabled\"}\n
\n\n \n this.setState({ serverConfiguration })} />\n \n
\n );\n\n const stateFilter = this.state.nodes && this.state.nodes.length > 1 && (\n Server Uri
\n{this.state.serverConfiguration.ServerUri || \"Not Set\"}
\n \n \n The task cap for your Octopus Server cluster is controlled by your license. This means the maximum number of concurrent tasks you can run across the entire cluster will be {this.state.licenseStatus.EffectiveClusterTaskLimit}.\n \n
\n );\n\n return (\n {this.state.settings.map(setMap)}
;\n\n return (\n \n \n this.setModelState({ DefaultDashboardRenderMode })}>\n \n \n
\n );\n return (\n \n
\n \n
\n {\"TeamName\" in projectedTeam ? projectedTeam.TeamName : projectedTeam.Name}
\n \n
\n \n
\n ) : (\n \n \n \n
\n {item.name}
\n \n Most pages in the Octopus Web Portal require users to have a combination of several permissions. These requirements evolve over time and there are {this.countPermissions()} permissions in the\n system which makes it very difficult to create stable custom user roles. And this is why we recommend customers try to use only built-in user roles.\n
\n\n Please,
\n Learn more about
\n Learn more about
\n {role.Name} \n
\n );\n }\n\n render() {\n const addButton = (\n {role.Description}
\n \n \n this.setState({\n settingsMetadata: this.state.settingsMetadata,\n types: this.state.types,\n values: c,\n })\n }\n />\n
\n );\n if (this.state.types && this.areAllTypesReadonly(this.state.types.Types)) {\n return (\n \n {settingsMetadata.Name} \n
\n );\n }\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport * as React from \"react\";\nimport OkDialogLayout from \"components/DialogLayout/OkDialogLayout\";\nimport { required } from \"components/form\";\nimport Text from \"primitiveComponents/form/Text/Text\";\nimport { repository } from \"clientInstance\";\nimport { NewTaskResource, TaskName, TaskResource } from \"client/resources/taskResource\";\nimport { TaskState } from \"client/resources/taskState\";\nimport { DataBaseComponent, DataBaseComponentState } from \"components/DataBaseComponent/DataBaseComponent\";\nimport routeLinks from \"../../../../routeLinks\";\nimport StringHelper from \"utils/StringHelper\";\nimport InternalRedirect from \"../../../../components/Navigation/InternalRedirect/InternalRedirect\";\n\ninterface SendTestEmailState extends DataBaseComponentState {\n testEmailAddress?: string;\n redirectToTaskId?: string;\n}\n\nexport default class SendTestEmail extends DataBaseComponent<{}, SendTestEmailState> {\n constructor(props: {}) {\n super(props);\n this.state = {};\n }\n\n render() {\n if (this.state.redirectToTaskId) {\n return {settingsMetadata.Description}
\n Who would you like to send the test email to?
\n\n this.setState({ testEmailAddress })}\n label=\"Test email\"\n placeholder=\"test@example.com\"\n validate={required(\"Please enter an email address\")}\n autoFocus={true}\n />\n
\n \n \n this.setModelState({ SmtpHost })} label=\"SMTP host\" autoFocus={true} />\n \n\n \n this.setModelState({ SmtpPort: ParseHelper.safeParseInt(x, null!) })}\n label=\"SMTP port\"\n validate={required(\"Please enter an SMTP port\")}\n />\n \n\n \n this.setModelState({ Timeout: ParseHelper.safeParseInt(x, null!) })}\n label=\"Timeout\"\n placeholder=\"Default value is 12000 miliseconds (12 seconds)\"\n />\n \n\n this.setModelState({ EnableSsl })} label=\"Use SSL/TLS\" className={styles.rememberMe} />\n \n\n \n this.setModelState({ SendEmailFrom })} label=\"From address\" />\n \n\n \n this.setModelState({ SmtpLogin })} label=\"SMTP login\" />\n
\n this.setModelState({ SmtpPassword })} label=\"SMTP password\" />\n \n
\n );\n\n return (\n \n
\n this.setState({ name })} label=\"New space name\" validate={required(\"Please enter a space name\")} autoFocus={true} />\n this.setState({ usersToBeAddedToSpaceManagersTeam })}\n value={this.state.usersToBeAddedToSpaceManagersTeam}\n />\n\n this.setState({ spaceManagersTeams })} value={this.state.spaceManagersTeams} />\n
\n Select members and teams to be managers of this space
\nThe members and teams selected will be added to the Space Manager team and will have management permissions and access to everything in this space. System level concerns of Octopus are outside of this space.
\n\n
\n );\n }\n\n const canDeleteSpace = this.props.isTaskQueueStopped && this.state.runningTasks.length === 0;\n\n return (\n \n It seems you are trying to delete {this.props.spaceName} space, but this space is marked as the default space.\n
\nBefore this can be done you need to disable the default space.
\n\n \n This action cannot be undone. This will permanently delete the {this.props.spaceName} space and all of its contents, including projects, environments, releases and deployment history.\n \n\n {!this.props.isTaskQueueStopped && this.renderStopTaskQueue()}\n {this.props.isTaskQueueStopped && (!this.state.taskQueueWasStopped || this.state.runningTasks.length > 0) && this.renderTaskQueueIsNowStopped()}\n {this.props.isTaskQueueStopped && this.state.runningTasks.length > 0 && this.renderWaitForRunningTasksToComplete()}\n {!!canDeleteSpace && (\n
\n );\n }\n\n private renderStopTaskQueue = () => {\n return (\n \n
\n )}\n Please type in the name of the space to confirm.
\n\n \n this.stopTaskQueue()}\n disabled={this.props.isTaskQueueStopped || this.state.taskQueueIsStopping}\n />\n \n
\n );\n };\n\n private renderTaskQueueIsNowStopped = () => {\n return \n To delete this space you need to first stop processing tasks in this space.\n
\nProcessing of tasks for this space has been stopped, which means that no queued tasks will begin running.
;\n };\n\n private renderWaitForRunningTasksToComplete = () => {\n const pleaseWaitFor = \"Please wait for \"; // In a variable so that the trailing space is not removed by auto-formatting\n return (\n\n \n 0} inline={true} />\n \n
\n );\n };\n\n private stopTaskQueue = async () => {\n await this.props.doBusyTask(async () => {\n this.setState({ taskQueueIsStopping: true });\n try {\n await this.props.stopTaskQueue();\n } finally {\n this.setState({ taskQueueIsStopping: false });\n }\n });\n };\n\n private onChange = (confirmationSpaceName: string) => {\n this.setState({ confirmationSpaceName });\n this.props.onChange(confirmationSpaceName.replace(/\\s+/g, \" \") === this.props.spaceName.replace(/\\s+/g, \" \"));\n };\n}\n\nasync function loadTasksForSpace(spaceRepository: OctopusSpaceRepository): Promise\n {pleaseWaitFor}\n
\n {title}\n {isDefaultSpace ?
\n );\n }\n\n render() {\n if (this.state.redirectTo) {\n return \n {this.showSpaceSwitcherHint() && (\n \n You are not currently in this space. You can switch to this space or use the space-switcher in the top left.\n \n )}\n\n \n this.setModelState({ name })} label=\"Name\" validate={required(\"Please enter a space name\")} error={this.getFieldError(\"name\")} autoFocus={true} />\n A short, memorable, unique name for this space. \n \n\n {/* Only show this section if they have both TeamView and UserView\n Otherwise they might only get a partial view of the teams/users which could be confusing */}\n {this.canViewTeams() && this.canViewUsers() && (\n \n this.setModelState({ spaceManagerUsers })} value={this.state.model.spaceManagerUsers} />\n this.setModelState({ spaceManagersTeams: ownerTeams })}\n value={this.state.model.spaceManagersTeams}\n canBeDeleted={(team) => !this.isSpaceManagersTeam(team.Id)}\n descriptionPostfix={(team) => (this.isSpaceManagersTeam(team.Id) ? \" (this team cannot be removed; each space must have a Space Manager team)\" : null!)}\n />\n \n )}\n\n \n this.setModelState({ description })}\n label=\"Space description\"\n validate={required(\"Please enter a space description\")}\n error={this.getFieldError(\"description\")}\n />\n \n\n \n this.setModelState({ logo })} />\n \n\n \n Task processing is Stopped\n \n )\n : Summary.placeholder(\n \n Task processing is Running\n \n )\n }\n help=\"Stop processing tasks for this space\"\n >\n this.setModelState({ taskQueueStopped })} />\n \n
\n )}\n \n ));\n }\n\n private showSpaceSwitcherHint(): boolean {\n return this.state.space && this.state.space.Id !== client.spaceId && this.state.usersSpaces && this.state.usersSpaces.filter((x) => x.Id === this.state.space.Id).length > 0;\n }\n\n private isSpaceManagersTeam(teamId: string): boolean {\n return teamId === this.spaceManagersTeamId();\n }\n\n private spaceManagersTeamId = () => {\n return `${TeamConstants.SpaceManagersTeamIdPrefix}${this.spaceIdToEdit()}`;\n };\n\n private onDeleteSpaceChange = (canDelete: boolean) => {\n this.setState({ canDelete });\n };\n\n private deleteSpace = async () => {\n await repository.Spaces.del(this.state.space);\n\n const links = client.spaceId !== this.state.space.Id ? routeLinks : routeLinks.withoutSpace();\n this.setState({ redirectTo: links.configuration.spaces.root });\n return true;\n };\n\n /*\n When a system admin creates a new space they can select a list of users that will become Space Managers.\n These users will be assigned to Space Managers team created in the newly created space. This means that\n the system admin will not be able to view this new team on Space Edit page and will be faced with the red\n resource not accessible chip. To avoid that we add a fake team to the list of teams that we pass to Team selector.\n */\n private createFakeSpaceManagersTeam(): TeamResource {\n return {\n Name: \"Space Managers\",\n Description: \"\",\n Id: this.spaceManagersTeamId(),\n ExternalSecurityGroups: [],\n MemberUserIds: [],\n CanBeDeleted: false,\n CanBeRenamed: false,\n CanChangeMembers: true,\n CanChangeRoles: true,\n Links: { Self: null! },\n SpaceId: this.spaceIdToEdit(),\n };\n }\n\n private logoSummary(): SummaryNode {\n if (!this.state.space || this.state.model!.logo.reset) {\n return Summary.placeholder(\"Default logo\");\n }\n if (this.state.model!.logo.file) {\n return Summary.summary(this.state.model!.logo.file.name);\n }\n return Summary.summary(\n \n How to give users access:\n \n
\n - \n
- \n Create a new
team or edit an{\" \"}\nexisting team .\n \n - Include user roles (eg. Project Deployer) and scope them to this space to grant permissions. \n
- Add or modify the members of the team. \n
{buildValueList(allChips)}
);\n }\n\n private getDisableDefaultSpaceDialog(): JSX.Element {\n return \n this.showUpgradeSpacesDialog()} />\n You've hit the maximum number of Spaces. \n
\n );\n\n return (\n \n
\n );\n }\n\n private filter(filter: string | null | undefined, resource: SpaceResource) {\n return !filter || filter.length === 0 || !resource || resource.Name.toLowerCase().includes(filter.toLowerCase()) || (resource.Description ? resource.Description.toLowerCase().includes(filter.toLowerCase()) : false);\n }\n}\n\nexport default Spaces;\n","import * as React from \"react\";\nimport { DataBaseComponent, DataBaseComponentState } from \"components/DataBaseComponent/DataBaseComponent\";\nimport OkDialogLayout from \"components/DialogLayout/OkDialogLayout\";\nimport { CalloutType, default as Callout } from \"primitiveComponents/dataDisplay/Callout\";\nimport { SpaceResource } from \"client/resources/spaceResource\";\nimport { repository } from \"clientInstance\";\nimport ExternalLink from \"../../../../components/Navigation/ExternalLink/ExternalLink\";\n\ninterface ToggleDefaultSpaceDialogProps {\n disableDefaultSpace: boolean;\n onDefaultSpaceChanged(isEnabled: boolean): Promise\n
\n \n \n {space.Name}\n {space.IsDefault && \n
\n {space.Description}
\n Are you sure that you would like to {disableDefaultSpace ? \"disable\" : \"enable\"} the default space?
\n\n {this.state.disableDefaultSpace ? \"Disabling\" : \"Enabling\"} the default space has some big impacts on how your Octopus Server works. This change might cause errors in any integrations you have with this server. Please\n understand the
\n {this.state.cleanModel.IsDisabled && (\n \n \n )}\n\n \n this.setModelState({ Name })} label=\"Name\" validate={required(\"Please enter a subscription name\")} error={this.getFieldError(\"Name\")} autoFocus={true} />\n \n\n {\n \n this.setModelState({ IsDisabled: !IsDisabled })} label=\"Enabled\" />\n \n }\n\n \n this.setEventNotificationSubscriptionFilter({ DocumentTypes: x })}\n onChangeEventCategories={(x) => this.setEventNotificationSubscriptionFilter({ EventCategories: x })}\n onChangeEventGroups={(x) => this.setEventNotificationSubscriptionFilter({ EventGroups: x })}\n onChangeEventAgents={(x) => this.setEventNotificationSubscriptionFilter({ EventAgents: x })}\n onChangeEnvironments={(x) => this.setEventNotificationSubscriptionFilter({ Environments: x })}\n onChangeProjects={(x) => this.setEventNotificationSubscriptionFilter({ Projects: x })}\n onChangeProjectGroups={(x) => this.setEventNotificationSubscriptionFilter({ ProjectGroups: x })}\n onChangeTenants={(x) => this.setEventNotificationSubscriptionFilter({ Tenants: x })}\n onChangeTenantTags={(x) => this.setEventNotificationSubscriptionFilter({ Tags: x })}\n onChangeUsers={(x) => this.setEventNotificationSubscriptionFilter({ Users: x })}\n />\n Any events matching these filters will be included in the e-mail digest or sent to the webhook destination configured below. \n \n Machine-related events do not include information about projects or environments. Combining machine-event filters with other filters is not advised, as it may cause your subscription to not trigger.\n \n \n \n this.setEventNotificationSubscription({ EmailTeams: x })} value={this.state.model.EventNotificationSubscription.EmailTeams} />\n Each member of these teams will receive an email with events they have permission to view. \n \n\n \n this.setEventNotificationSubscription({ EmailFrequencyPeriod: x })} />\n Emails will be sent periodically, including a digest of events that have occurred. \n \n\n \n this.setEventNotificationSubscription({ EmailShowDatesInTimeZoneId: x! })}\n items={this.props.lookupData.timezones.map((pg) => ({ value: pg.Id, text: pg.Name }))}\n label=\"Select timezone\"\n />\n Any date/times in emails will be shown using this timezone. \n \n\n \n this.setEventNotificationSubscription({ EmailPriority: x })}>\n \n \n\n \n {this.props.lookupData.serverUri ? (\n \n Emails will include a deep-link to your Octopus audit screen (with filters matching the selected events). The base url that will be used is:{\" \"}\n {this.props.lookupData.serverUri} .\n \n ) : (\n \n This email can include a deep-link to your Octopus audit screen (with filters matching the selected events). To enable this feature, simply set a url in your{\" \"}\n Octopus Server's configuration settings .\n \n )}\n \n\n \n this.setEventNotificationSubscription({ WebhookURI: x })}\n label=\"Payload url\"\n error={this.getFieldError(\"EventNotificationSubscription.WebhookURI\")}\n />\n \n The payload will be delivered in the body of a POST request using an \n \n\n \n this.setEventNotificationSubscription({ WebhookHeaderKey: x })}\n label=\"Header Key\"\n error={this.getFieldError(\"WebhookHeaderKey\")}\n />\n this.setEventNotificationSubscription({ WebhookHeaderValue: x })}\n label=\"Header Value\"\n error={this.getFieldError(\"WebhookHeaderValue\")}\n />\n \n\n \n this.setEventNotificationSubscription({ WebhookTeams: x })} value={this.state.model.EventNotificationSubscription.WebhookTeams} />\n \n By default, webhook requests will be sent with a global scope (all events will be sent). You may narrow the security scope to one or more teams. The subscription will then be limited to the events that the given team(s)\n can view. The team(s) must have at least EventView permissions.\n \n \n\n \n this.setEventNotificationSubscription({ WebhookTimeout: x })} granularity={TimeSpanSelector.SecondGranularity} />\n The request to send the payload will time out after the time specified. \n \n
\n \n );\n }\n\n private createNewSubscription() {\n const filterSelections = this.props.filterSelections;\n // See the note in the EventFilter's \"save\" method for the reasoning behind this \"hack\".\n let selectedDocumentTypes: string[] = [];\n if (filterSelections.DocumentTypes) {\n selectedDocumentTypes = filterSelections.DocumentTypes.map((x) => {\n return decodeURIComponent(x);\n });\n }\n const newSubscription: NewSubscriptionResource = {\n Name: \"\",\n SpaceId: client.spaceId,\n Type: SubscriptionType.Event,\n IsDisabled: false,\n EventNotificationSubscription: {\n Filter: {\n Users: filterSelections.Users,\n Projects: filterSelections.Projects,\n ProjectGroups: filterSelections.ProjectGroups,\n Environments: filterSelections.Environments,\n EventGroups: filterSelections.EventGroups,\n EventCategories: filterSelections.EventCategories,\n EventAgents: filterSelections.EventAgents,\n Tenants: filterSelections.Tenants,\n Tags: filterSelections.Tags,\n DocumentTypes: selectedDocumentTypes,\n },\n EmailTeams: [],\n EmailFrequencyPeriod: TimeSpanString.OneHour,\n EmailShowDatesInTimeZoneId: getEmailShowDatesInTimeZoneId(this.props.lookupData.timezones),\n EmailPriority: EmailPriority.Normal,\n WebhookURI: \"\",\n WebhookTeams: [],\n WebhookTimeout: TimeSpanString.TenSeconds,\n WebhookHeaderKey: null!,\n WebhookHeaderValue: null!,\n },\n };\n return newSubscription;\n\n function getEmailShowDatesInTimeZoneId(timezones: ServerTimezoneResource[]) {\n const serverLocalTimezones = timezones.filter((tz: ServerTimezoneResource) => {\n return tz.IsLocal === true;\n });\n return serverLocalTimezones.length > 0 ? serverLocalTimezones[0].Id : \"\";\n }\n }\n\n private handleSaveClick = async () => {\n await this.doBusyTask(async () => {\n const isNew = !isExistingSubscriptionResource(this.state.model);\n const result = await repository.Subscriptions.save(this.state.model);\n this.setState({\n model: result,\n cleanModel: cloneDeep(result),\n newId: isNew ? result.Id : null!,\n });\n });\n };\n\n private handleDeleteConfirm = async (model: SubscriptionResource) => {\n await repository.Subscriptions.del(model);\n this.setState({ deleted: true });\n return true;\n };\n\n private handleEnabledToggle = async (model: SubscriptionResource) => {\n const isDisabled = !model.IsDisabled; // Toggle the current value.\n model.IsDisabled = isDisabled;\n await this.doBusyTask(async () => {\n const isNew = model.Id == null;\n const result = await repository.Subscriptions.save(model);\n this.setState({\n model: result,\n cleanModel: cloneDeep(result),\n newId: isNew ? result.Id : null!,\n });\n });\n };\n\n private eventFilterSummary() {\n return Summary.summary(\n application/json content type, contained in a parameter called \"Payload\". Each payload will contain a single event.\n Limited to teams {buildValueList(teamChips)}
);\n } else {\n return Summary.placeholder(\"No teams selected\");\n }\n }\n}\n\nexport default SubscriptionPage;\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport * as React from \"react\";\nimport List from \"components/List\";\nimport { ResourceCollection } from \"client/resources\";\nimport { DataBaseComponent, DataBaseComponentState } from \"components/DataBaseComponent\";\nimport { SubscriptionResource, TeamResource } from \"client/resources\";\nimport { repository } from \"clientInstance\";\nimport PaperLayout from \"components/PaperLayout/PaperLayout\";\nimport { NavigationButton, NavigationButtonType } from \"components/Button\";\nimport { RouteComponentProps } from \"react-router\";\nimport TimeSpanHelper from \"utils/TimeSpanHelper\";\nimport { ResourcesById } from \"client/repositories/basicRepository\";\nimport { TeamChip } from \"components/Chips/index\";\nimport ListTitle from \"primitiveComponents/dataDisplay/ListTitle/ListTitle\";\nimport PermissionCheck from \"components/PermissionCheck/PermissionCheck\";\nimport Permission from \"client/resources/permission\";\nimport { DisabledChip } from \"components/Chips/index\";\nimport { OverflowMenuItems } from \"components/Menu\";\nimport ListItem from \"primitiveComponents/dataDisplay/ListItem/ListItem\";\nconst styles = require(\"./style.less\");\n\nclass SubscriptionList extends List\n this.handleEnabledToggle(subscription), { permission: Permission.SubscriptionEdit })]}>\n \n {subscription.Name}\n {subscription.IsDisabled && (\n \n {\" \"}\n \n\n {emailTeams.length > 0 && (\n \n Email the teams{\" \"}\n {emailTeams.map((t) => (\n
}\n {subscription.EventNotificationSubscription.WebhookURI && (\n \n Send a POST to webhook \n
\n );\n }\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport * as React from \"react\";\nimport { Text, Checkbox } from \"components/form\";\nimport { ExternalSecurityGroupProviderResource } from \"../../../../client/resources/externalSecurityGroupProviderResource\";\nimport { ActionButton } from \"../../../../components/Button/ActionButton\";\nimport { repository } from \"../../../../clientInstance\";\nimport { DataBaseComponent, DataBaseComponentState } from \"../../../../components/DataBaseComponent/DataBaseComponent\";\nimport { NamedReferenceItem } from \"../../../../client/resources/namedReferenceItem\";\nimport { SimpleList } from \"../../../../components/List/SimpleList\";\nimport OkDialogLayout from \"components/DialogLayout/OkDialogLayout\";\n\nclass NamedReferenceList extends SimpleList}\n {subscription.EventNotificationSubscription.WebhookURI && (\n \n Send a POST to webhook
{subscription.EventNotificationSubscription.WebhookURI}\n {webhookTeams.length > 0 && (\n \n {\" \"}\n with events scoped to those viewable by teams:{\" \"}\n {webhookTeams.map((t) => (\n \n
\n );\n }\n}\n\ninterface AddExternalGroupDialogButtonProps {\n securityGroupProvider: ExternalSecurityGroupProviderResource;\n\n onSelected(items: NamedReferenceItem[]): void;\n}\n\ninterface AddExternalGroupDialogButtonState extends DataBaseComponentState {\n selected: NamedReferenceItem[];\n}\n\nclass AddExternalGroup extends DataBaseComponent\n this.setState({ searchText: val })} />\n
\n {this.state.foundGroups ? \n this.setState({ spaceId: x })}>\n Accessible in the { \n
\n ) : (\n Make this team accessible in this space or all spaces.
\n\n
\n \n
\n )\n : undefined\n }\n >\n \n {\n
\n {selectedRole.Description}
}\n \n {this.state.page === IncludeRoleDialogPage.Value && this.renderValuePage()}\n {this.state.page === IncludeRoleDialogPage.Scope && this.renderScopePage()}\n
\n \n );\n }\n\n renderValuePage() {\n const rolesMustBeSpaceScoped = !!this.props.restrictToSpaceId;\n const roleMustBeSystemScoped = this.props.restrictToSpaceId === null;\n const roles = rolesMustBeSpaceScoped ? this.props.roles.filter(roleCanApplyToSpace) : roleMustBeSystemScoped ? this.props.roles.filter(roleCanApplyToSystem) : this.props.roles;\n\n const selectedRole = this.props.roles.find((r) => r.Id === this.state.model.userRoleId);\n\n return (\n \n ({ value: t.Id, text: t.Name }))}\n onChange={this.handleSpaceChange}\n allowFilter={true}\n value={this.state.model.spaceId!}\n disabled={this.props.restrictToSpaceId !== undefined} // They can't modify this is they've been sent a specific space.\n />\n This team will be able to perform the selected user role actions within this space. \n
\n )}\n {this.renderRoleInfo()}\n Restrict this user role to one or more project groups, projects, environments or tenants.
\n\n {role.Description && (\n \n {role.Description}\n \n \n \n \n )}\n {this.state.showPermissionDescriptions && role.SpacePermissionDescriptions.length > 0 && (\n \n \n \n \n )}\n \n )}\n
\n );\n }\n\n private createScopedUserRoleViewModel(scopedUserRole: ScopedUserRoleModel | null): IncludeRoleDialogModel {\n if (!scopedUserRole) {\n return {\n spaceId: getDefaultSpaceId(this.props.restrictToSpaceId, this.props.spaces),\n environmentIds: [],\n projectGroupIds: [],\n projectIds: [],\n tenantIds: [],\n userRoleId: null,\n };\n }\n\n const scopes = this.canSetScopes(scopedUserRole.UserRoleId)\n ? {\n environmentIds: scopedUserRole.EnvironmentIds,\n projectGroupIds: scopedUserRole.ProjectGroupIds,\n projectIds: scopedUserRole.ProjectIds,\n tenantIds: scopedUserRole.TenantIds,\n }\n : {\n environmentIds: [],\n projectGroupIds: [],\n projectIds: [],\n tenantIds: [],\n };\n\n return {\n ...scopes,\n spaceId: scopedUserRole.SpaceId!,\n userRoleId: scopedUserRole.UserRoleId,\n };\n\n function getDefaultSpaceId(restrictToSpaceId: string | null | undefined, spaces: SpaceResource[]) {\n return restrictToSpaceId !== undefined ? restrictToSpaceId : getDefaultSpaceIdIfAvailable();\n\n function getDefaultSpaceIdIfAvailable(): string | null {\n const defaultSpaceToSelect = spaces.find((s) => s.Id === client.spaceId);\n if (defaultSpaceToSelect) {\n return defaultSpaceToSelect.Id;\n }\n return null;\n }\n }\n }\n\n private canSetScopes(userRoleId: string) {\n // Space Manager role AND System scoped user roles can't have scopes, so we can't go to the scope page\n const selectedRole = this.props.roles.find((r) => r.Id === userRoleId);\n return selectedRole && !isSpaceManagerRole(userRoleId) && roleCanApplyToSpace(selectedRole);\n\n function isSpaceManagerRole(roleId: string): boolean {\n return roleId === UserRoleConstants.SpaceManagerRole;\n }\n }\n\n private handleRoleChange = async (userRoleId: string | undefined) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, userRoleId } }));\n });\n };\n\n private handleSpaceChange = async (spaceId: string | undefined) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, spaceId } }));\n });\n };\n\n private handleProjectScopeChange = async (projectIds: string[]) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, projectIds } }));\n });\n };\n\n private handleProjectGroupScopeChange = async (projectGroupIds: string[]) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, projectGroupIds } }));\n });\n };\n\n private handleEnvironmentScopeChange = async (environmentIds: string[]) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, environmentIds } }));\n });\n };\n\n private handleTenantScopeChange = async (tenantIds: string[]) => {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState((prev) => ({ model: { ...prev.model, tenantIds } }));\n });\n };\n\n private getLeftSideActions() {\n const actions = [];\n if (this.state.page === IncludeRoleDialogPage.Value) {\n const canProgressToDefineScopePage = this.canSetScopes(this.state.model.userRoleId!);\n if (canProgressToDefineScopePage || !!this.props.restrictToSpaceId) {\n const defineScope = (\n \n {\n await this.doBusyTask(async () => {\n // #dialogResizeHack\n this.setState({ showPermissionDescriptions: !this.state.showPermissionDescriptions });\n });\n }}\n />\n
\n {this.state.showPermissionDescriptions && role.SystemPermissionDescriptions.length > 0 && (\n \n
\n \n System permissions granted:\n
\n- \n {role.SystemPermissionDescriptions.map((pd, i) => (\n
- {pd} \n ))}\n
\n
\n \n Space permissions granted:\n
\n- \n {role.SpacePermissionDescriptions.map((pd, i) => (\n
- {pd} \n ))}\n
\n {image}\n {nameLink}\n
\n );\n};\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { repository } from \"clientInstance\";\nimport AreaTitle from \"components/AreaTitle\";\nimport { DataBaseComponent, DataBaseComponentState } from \"components/DataBaseComponent\";\nimport PaperLayout from \"components/PaperLayout\";\nimport * as H from \"history\";\nimport * as React from \"react\";\nimport { RouteComponentProps } from \"react-router\";\n\nimport routeLinks from \"../../../../routeLinks\";\nimport InternalRedirect from \"../../../../components/Navigation/InternalRedirect/InternalRedirect\";\n\ninterface OverviewFilterRedirectState extends DataBaseComponentState {\n redirectTo?: H.LocationDescriptor;\n}\n\ninterface ScopeRoleRouteParams {\n scopedRoleId: string;\n}\n\nexport class RedirectFromScopedRole extends DataBaseComponent