sending register request

src/containers/dialogs/LoginSocialRegisterButtons/index.tsx

@@ -1,12 +1,12 @@
 import React, { FC } from 'react';
 import { Button } from '~/components/input/Button';
-import styles from './styles.module.scss';
+import styles from './styles.scss';
 
 interface IProps {}
 
 const LoginSocialRegisterButtons: FC<IProps> = () => (
   <div className={styles.wrap}>
-    <Button stretchy>Зарегистрироваться</Button>
+    <Button>Впустите меня!</Button>
   </div>
 );
 

src/containers/dialogs/LoginSocialRegisterDialog/index.tsx

@@ -10,7 +10,7 @@ import styles from './styles.scss';
 import { selectAuthRegisterSocial } from '~/redux/auth/selectors';
 import * as AUTH_ACTIONS from '~/redux/auth/actions';
 import { useCloseOnEscape } from '~/utils/hooks';
-import { LoginSocialRegisterButtons } from '~/containers/dialogs/LogianSocialRegisterButtons';
+import { LoginSocialRegisterButtons } from '~/containers/dialogs/LoginSocialRegisterButtons';
 
 const mapStateToProps = selectAuthRegisterSocial;
 const mapDispatchToProps = {

src/redux/auth/api.ts

@@ -140,6 +140,8 @@ export const apiLoginWithSocial = ({
   password?: string;
 }): Promise<IResultWithStatus<{
   token: string;
+  error: string;
+  errors: Record<string, string>;
   needs_register: boolean;
 }>> =>
   api

src/redux/auth/sagas.ts

@@ -13,9 +13,11 @@ import {
   authRequestRestoreCode,
   authRestorePassword,
   authSendMessage,
+  authSendRegisterSocial,
   authSetLastSeenMessages,
   authSetProfile,
   authSetRegisterSocial,
+  authSetRegisterSocialErrors,
   authSetRestore,
   authSetSocials,
   authSetToken,
@@ -46,6 +48,7 @@ import { modalSetShown, modalShowDialog } from '~/redux/modal/actions';
 import {
   selectAuth,
   selectAuthProfile,
+  selectAuthRegisterSocial,
   selectAuthRestore,
   selectAuthUpdates,
   selectAuthUser,
@@ -497,6 +500,40 @@ function* gotOauthLoginEvent({ event }: ReturnType<typeof authGotOauthLoginEvent
   }
 }
 
+function* authRegisterSocial({ username, password }: ReturnType<typeof authSendRegisterSocial>) {
+  try {
+    yield put(authSetRegisterSocial({ error: '' }));
+
+    const { token }: Unwrap<ReturnType<typeof selectAuthRegisterSocial>> = yield select(
+      selectAuthRegisterSocial
+    );
+
+    const {
+      data,
+      error,
+    }: Unwrap<ReturnType<typeof apiLoginWithSocial>> = yield call(apiLoginWithSocial, {
+      token,
+      username,
+      password,
+    });
+
+    if (data?.errors) {
+      yield put(authSetRegisterSocialErrors(data.errors));
+    } else if (data?.error) {
+      throw new Error(error);
+    }
+
+    if (data.token) {
+      yield put(authSetToken(data.token));
+      yield call(refreshUser);
+      yield put(modalSetShown(false));
+      return;
+    }
+  } catch (e) {
+    yield put(authSetRegisterSocial({ error: e.message }));
+  }
+}
+
 function* authSaga() {
   yield takeEvery(REHYDRATE, checkUserSaga);
   yield takeLatest([REHYDRATE, AUTH_USER_ACTIONS.LOGGED_IN], startPollingSaga);
@@ -518,6 +555,7 @@ function* authSaga() {
   yield takeLatest(AUTH_USER_ACTIONS.ATTACH_SOCIAL, attachSocial);
   yield takeLatest(AUTH_USER_ACTIONS.LOGIN_WITH_SOCIAL, loginWithSocial);
   yield takeEvery(AUTH_USER_ACTIONS.GOT_OAUTH_LOGIN_EVENT, gotOauthLoginEvent);
+  yield takeEvery(AUTH_USER_ACTIONS.SEND_REGISTER_SOCIAL, authRegisterSocial);
 }
 
 export default authSaga;