Попытка сделать frontend для отображения капчи на странице запроса восстановления пароля

src/components/auth/actions.js

@@ -81,10 +81,11 @@ export function acceptRules() {
 }
 
 export function forgotPassword({
-    login = ''
+    login = '',
+    captcha = ''
 }) {
     return wrapInLoader((dispatch, getState) =>
-        authentication.forgotPassword({login})
+        authentication.forgotPassword({login, captcha})
             .then(({data = {}}) => dispatch(updateUser({
                 maskedEmail: data.emailMask || getState().user.email
             })))

src/components/auth/forgotPassword/ForgotPasswordBody.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { FormattedMessage as Message } from 'react-intl';
 
-import { Input } from 'components/ui/form';
+import { Input, Captcha } from 'components/ui/form';
 import icons from 'components/ui/icons.scss';
 import BaseAuthBody from 'components/auth/BaseAuthBody';
 
@@ -57,6 +57,8 @@ export default class ForgotPasswordBody extends BaseAuthBody {
                         </p>
                     </div>
                 )}
+
+                <Captcha {...this.bindField('captcha')} delay={600} />
             </div>
         );
     }

src/services/api/authentication.js

@@ -28,11 +28,12 @@ const authentication = {
     },
 
     forgotPassword({
-        login = ''
+        login = '',
+        captcha = ''
     }) {
         return request.post(
             '/api/authentication/forgot-password',
-            {login},
+            {login, captcha},
             {token: null}
         );
     },