Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 | 221x 221x 221x 221x 221x 221x 221x 221x 221x 221x 221x 15x 15x 15x 15x 15x 15x 15x 15x 15x 15x 221x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Free Trial 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/05/PolyForm-Free-Trial-1.0.0.txt.
*/
import React, { useState } from 'react'
import { FormInput, Icon, ModalErrorHandler, ModalErrorHandlerBinding, SelectOption } from '@wings-software/uicore'
import type { FormikContext } from 'formik'
import { Color } from '@harness/design-system'
import { useParams } from 'react-router-dom'
import { StringKeys, useStrings } from 'framework/strings'
import SecretInput from '@secrets/components/SecretInput/SecretInput'
import { VaultConfigFormData, HashiCorpVaultAccessTypes } from '@connectors/interfaces/ConnectorInterface'
import { useListAwsRegions } from 'services/portal'
import type { OrgPathProps } from '@common/interfaces/RouteInterfaces'
import { useFeatureFlags } from '@common/hooks/useFeatureFlag'
interface VaultConnectorFormFieldsProps {
formik: FormikContext<VaultConfigFormData>
}
type AccessType = {
[key in HashiCorpVaultAccessTypes]: StringKeys
}
export const accessTypeOptionsMap: AccessType = {
[HashiCorpVaultAccessTypes.APP_ROLE]: 'connectors.hashiCorpVault.appRole',
[HashiCorpVaultAccessTypes.TOKEN]: 'token',
[HashiCorpVaultAccessTypes.VAULT_AGENT]: 'connectors.hashiCorpVault.vaultAgent',
[HashiCorpVaultAccessTypes.K8s_AUTH]: 'connectors.hashiCorpVault.k8s_auth',
[HashiCorpVaultAccessTypes.AWS_IAM]: 'connectors.hashiCorpVault.awsAuth'
}
const VaultConnectorFormFields: React.FC<VaultConnectorFormFieldsProps> = ({ formik }) => {
const { getString } = useStrings()
const { accountId } = useParams<OrgPathProps>()
const { ENABLE_K8S_AUTH_IN_VAULT } = useFeatureFlags()
const [modalErrorHandler, setModalErrorHandler] = useState<ModalErrorHandlerBinding>()
const {
data: regionData,
loading,
error
} = useListAwsRegions({
queryParams: {
accountId
}
})
Iif (error) {
modalErrorHandler?.showDanger(error.message)
}
const regionValues =
regionData?.resource?.map(region => ({
value: region.value,
label: region.name || ''
})) || []
const accessTypeOptions: SelectOption[] = [
{
label: getString(accessTypeOptionsMap[HashiCorpVaultAccessTypes.APP_ROLE]),
value: HashiCorpVaultAccessTypes.APP_ROLE
},
{
label: getString(accessTypeOptionsMap[HashiCorpVaultAccessTypes.TOKEN]),
value: HashiCorpVaultAccessTypes.TOKEN
},
{
label: getString(accessTypeOptionsMap[HashiCorpVaultAccessTypes.VAULT_AGENT]),
value: HashiCorpVaultAccessTypes.VAULT_AGENT
},
{
label: getString(accessTypeOptionsMap[HashiCorpVaultAccessTypes.AWS_IAM]),
value: HashiCorpVaultAccessTypes.AWS_IAM
}
]
Iif (ENABLE_K8S_AUTH_IN_VAULT) {
accessTypeOptions.push({
label: getString(accessTypeOptionsMap[HashiCorpVaultAccessTypes.K8s_AUTH]),
value: HashiCorpVaultAccessTypes.K8s_AUTH
})
}
return (
<>
<ModalErrorHandler bind={setModalErrorHandler} />
<FormInput.Text name="vaultUrl" label={getString('connectors.hashiCorpVault.vaultUrl')} />
<FormInput.Text name="basePath" label={getString('connectors.hashiCorpVault.baseSecretPath')} />
<FormInput.Text
name="namespace"
label={getString('common.namespace')}
placeholder={getString('connectors.hashiCorpVault.root')}
/>
<FormInput.Select name="accessType" label={getString('authentication')} items={accessTypeOptions} />
{formik?.values['accessType'] === HashiCorpVaultAccessTypes.APP_ROLE ? (
<>
<FormInput.Text name="appRoleId" label={getString('connectors.hashiCorpVault.appRoleId')} />
<SecretInput
name="secretId"
label={getString('connectors.hashiCorpVault.secretId')}
connectorTypeContext={'Vault'}
/>
</>
) : formik?.values['accessType'] === HashiCorpVaultAccessTypes.AWS_IAM ? (
<>
<SecretInput name="xvaultAwsIamServerId" label={getString('connectors.hashiCorpVault.serverIdHeader')} />
<FormInput.Text name="vaultAwsIamRole" label={getString('common.role')} />
{loading ? (
<Icon margin="medium" name="spinner" size={15} color={Color.BLUE_500} />
) : (
<FormInput.Select
disabled={loading}
name="awsRegion"
items={regionValues}
label={getString('regionLabel')}
/>
)}
</>
) : formik?.values['accessType'] === HashiCorpVaultAccessTypes.TOKEN ? (
<SecretInput name="authToken" label={getString('token')} connectorTypeContext={'Vault'} />
) : formik?.values['accessType'] === HashiCorpVaultAccessTypes.K8s_AUTH ? (
<>
<FormInput.Text name="vaultK8sAuthRole" label={getString('connectors.hashiCorpVault.vaultK8sAuthRole')} />
<FormInput.Text
name="serviceAccountTokenPath"
label={getString('connectors.hashiCorpVault.serviceAccountTokenPath')}
/>
</>
) : (
<FormInput.Text name="sinkPath" label={getString('connectors.hashiCorpVault.sinkPath')} />
)}
{formik?.values['accessType'] !== HashiCorpVaultAccessTypes.VAULT_AGENT &&
formik?.values['accessType'] !== HashiCorpVaultAccessTypes.AWS_IAM &&
formik?.values['accessType'] !== HashiCorpVaultAccessTypes.K8s_AUTH ? (
<FormInput.Text name="renewalIntervalMinutes" label={getString('connectors.hashiCorpVault.renewal')} />
) : null}
<FormInput.CheckBox
name="readOnly"
label={getString('connectors.hashiCorpVault.readOnlyVault')}
padding={{ left: 'xxlarge' }}
/>
<FormInput.CheckBox
name="default"
label={getString('connectors.hashiCorpVault.defaultVault')}
padding={{ left: 'xxlarge' }}
/>
</>
)
}
export default VaultConnectorFormFields
|