diff --git a/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx b/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx index 7778812979..54a5752643 100644 --- a/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx +++ b/packages/onboarding-ui/src/forms/RequestTrialForm/RequestTrialForm.tsx @@ -1,6 +1,8 @@ import { Button, Field, + Box, + CheckBox, FieldGroup, TextInput, EmailInput, @@ -10,7 +12,7 @@ import { } from '@rocket.chat/fuselage'; import type { ReactElement } from 'react'; import { useForm, SubmitHandler, Validate, Controller } from 'react-hook-form'; -import { useTranslation } from 'react-i18next'; +import { useTranslation, Trans } from 'react-i18next'; import Form from '../../common/Form'; @@ -19,6 +21,8 @@ type RequestTrialPayload = { organizationName: string; organizationSize: string; country: string; + updates: boolean; + agreement: boolean; }; type RequestTrialFormProps = { @@ -28,6 +32,8 @@ type RequestTrialFormProps = { onSubmit: SubmitHandler; onManageWorkspaceClick: () => void; validateEmail: Validate; + termsHref?: string; + policyHref?: string; }; const RequestTrialForm = ({ @@ -36,6 +42,8 @@ const RequestTrialForm = ({ countryOptions, onSubmit, validateEmail, + termsHref = 'https://rocket.chat/terms', + policyHref = 'https://rocket.chat/privacy', }: RequestTrialFormProps): ReactElement => { const { t } = useTranslation(); @@ -131,6 +139,53 @@ const RequestTrialForm = ({ /> + + + + {' '} + + {t('form.registeredServerForm.keepInformed')} + + + + {' '} + + + I agree with + + Terms and Conditions + + and + + Privacy Policy + + + + + + + {t('form.requestTrialForm.hasWorkspace.label')}