Add a tick box and text to new registration

public/locales/bg/validation.json

@@ -22,5 +22,6 @@
   "legal-entity": "Юридическо лице",
   "unique-field-violation": "Полето `{1}` със тази стойност вече съществува в платформата.",
   "payment-reference": "Невалиден формат на кода за плащане",
-  "eik-invalid": "Невалидно ЕИК"
+  "eik-invalid": "Невалидно ЕИК",
+  "help-us-improve": "Искате ли да ни помогнете да подобрим платформата? Искаме да чуем вашето мнение? Отделете ни 30 мин за подобрите платформа на подкрепи.бг"
 }

public/locales/en/validation.json

@@ -22,5 +22,6 @@
   "newsletter": "Please give your consent",
   "unique-field-violation": "The field `{1}` with this value already exists in the platform.",
   "payment-reference": "Invalid payment code format",
-  "eik-invalid": "Invalid EIK"
+  "eik-invalid": "Invalid EIK",
+  "help-us-improve": "Do you want to help us improve the platform? We want to hear from you? Please spare 30 mins to help us improve podkrepi.bg"
 }

src/components/client/auth/register/RegisterForm.tsx

@@ -13,6 +13,7 @@ import { AcceptNewsLetterField } from 'components/common/form/AcceptNewsletterFi
 
 import { AccountType } from 'gql/user-registration'
 import { IndividualRegisterFormData } from 'gql/user-registration'
+import HelpUsImproveField from 'components/common/form/HelpUsImproveField'
 
 const validationSchema: yup.SchemaOf<IndividualRegisterFormData> = yup
   .object()
@@ -27,6 +28,7 @@ const validationSchema: yup.SchemaOf<IndividualRegisterFormData> = yup
     terms: yup.bool().required().oneOf([true], 'validation:terms-of-use'),
     gdpr: yup.bool().required().oneOf([true], 'validation:terms-of-service'),
     newsletter: yup.bool().required().oneOf([true, false]),
+    helpUsImprove: yup.bool().required().oneOf([true, false]),
   })
 
 export type RegisterFormProps = {
@@ -45,6 +47,7 @@ export default function RegisterForm({ onSubmit, loading }: RegisterFormProps) {
     terms: false,
     gdpr: false,
     newsletter: false,
+    helpUsImprove: false,
   }
   return (
     <GenericForm
@@ -85,6 +88,7 @@ export default function RegisterForm({ onSubmit, loading }: RegisterFormProps) {
           <AcceptTermsField name="terms" />
           <AcceptPrivacyPolicyField name="gdpr" />
           <AcceptNewsLetterField name="newsletter" />
+          <HelpUsImproveField name='helpUsImprove' />
         </Grid>
         <Grid item xs={12}>
           <SubmitButton fullWidth label="auth:cta.register" loading={loading} />

src/components/common/form/HelpUsImproveField.tsx

@@ -0,0 +1,27 @@
+import { useTranslation } from 'next-i18next'
+import { Typography } from '@mui/material'
+
+// import { routes } from 'common/routes'
+// import ExternalLink from 'components/common/ExternalLink'
+import CheckboxField from 'components/common/form/CheckboxField'
+
+export type HelpUsImproveFieldProps = {
+  name: string
+}
+
+export default function HelpUsImproveField({ name }: HelpUsImproveFieldProps) {
+  const { t } = useTranslation()
+  return (
+    <CheckboxField
+      name={name}
+      label={
+        <Typography variant="body2">
+          {t('validation:help-us-improve')}{' '}
+          {/* <ExternalLink href={routes.helpUsImprove}>
+            {t('validation:help-us-improve')}
+          </ExternalLink> */}
+        </Typography>
+      }
+    />
+  )
+}

src/gql/user-registration.ts

@@ -12,7 +12,8 @@ export type IndividualRegisterFormData = {
   confirmPassword: string
   terms: boolean
   gdpr: boolean
-  newsletter?: boolean
+  newsletter?: boolean,
+  helpUsImprove?: boolean,
 }
 
 export type CorporateRegisterFormData = IndividualRegisterFormData & {