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 | 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x 8x 8x 2x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 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/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { Layout, Text, Container, FormInput, SelectOption } from '@wings-software/uicore'
import type { FormikProps } from 'formik'
import { Color } from '@harness/design-system'
import { useStrings } from 'framework/strings'
import SecretInput from '@secrets/components/SecretInput/SecretInput'
import SSHSecretInput from '@secrets/components/SSHSecretInput/SSHSecretInput'
import TextReference, { ValueType } from '@secrets/components/TextReference/TextReference'
import { AuthTypes } from '@user-profile/utils/utils'
import type { SCMData } from './SourceCodeManagerForm'
import css from './Authentication.module.scss'
interface AuthenticationData {
formikProps: FormikProps<SCMData>
authOptions: SelectOption[]
}
const allowSelection = false
const privateSecret = true
const Authentication: React.FC<AuthenticationData> = ({ formikProps, authOptions }) => {
const { getString } = useStrings()
return (
<>
<Container width={400} padding={{ top: 'large' }}>
<Layout.Horizontal flex className={css.authHeaderRow}>
<Text inline font={{ size: 'medium' }} color={Color.BLACK_100}>
{getString('authentication')}
</Text>
<FormInput.Select name="authType" items={authOptions} disabled={false} className={css.authTypeSelect} />
</Layout.Horizontal>
{formikProps.values.authType === AuthTypes.USERNAME_PASSWORD ? (
<>
<TextReference
name="username"
stringId="username"
type={formikProps.values.username ? formikProps.values.username.type : ValueType.TEXT}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
<SecretInput
name="password"
label={getString('password')}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
</>
) : null}
{formikProps.values.authType === AuthTypes.USERNAME_TOKEN ? (
<>
<TextReference
name="username"
stringId="username"
type={formikProps.values.username ? formikProps.values.username.type : ValueType.TEXT}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
<SecretInput
name="accessToken"
label={getString('personalAccessToken')}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
</>
) : null}
{formikProps.values.authType === AuthTypes.SSH_KEY ? (
<SSHSecretInput name="sshKey" label={getString('SSH_KEY')} />
) : null}
{formikProps.values.authType === AuthTypes.KERBEROS ? (
<SSHSecretInput name="kerberosKey" label={getString('kerberos')} />
) : null}
{formikProps.values.authType === AuthTypes.AWSCredentials ? (
<>
<TextReference
name="accessKey"
stringId="common.accessKey"
type={formikProps.values.authType || ValueType.TEXT}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
<SecretInput
name="secretKey"
label={getString('common.secretKey')}
allowSelection={allowSelection}
privateSecret={privateSecret}
/>
</>
) : null}
</Container>
</>
)
}
export default Authentication
|