@elum/vkid v0.0.4

@elum/vkid

Данная библиотека представляет из себя react компонент упрощающий авторизацию через платформу VK ID. Официальный пакет для работы с VK ID

@elum/vkid : ____ @vkontakte/superappkit _

Установка

YARN

yarn add @elum/vkid

NPM

npm i -s @elum/vkid

Использование

import React, { FC, HTMLAttributes } from  "react";
import { LoginVKID } from  "@elum/vkid";

interface IApp extends HTMLAttributes<HTMLDivElement> { };

const App: FC<IApp> = () => (
	<div className="Login">
		<LoginVKID
			id={11111111}
			redirect={"https://example.com/login"}
			state={"any_data"}
			showAgreements
			showAgreementsDialog
			showAlternativeLogin
			radius={8}
			height={40}
			mode={"default"}
			skin={"primary"}
			scheme={"bright_light"}
			language={0}
			settings={{
				agreements: '',
				promo: '',
				vkc_behavior: '',
				vkc_auth_action: '',
				vkc_brand: '',
				vkc_display_mode: '',
			}}
			authAlternative={() =>  console.log("Альтернативная авторизация")}
			authSuccess={(data) =>  console.log(data)}
		/>
	</div>
);


export  default  App;

Тип ответа authSuccess

payload:
  {
  auth: number;
  token: string;
  ttl: number;
  type: string;
  user:  {
  id: number;
  first_name: string;
  last_name: string;
  avatar: string;
  phone: string;
  };
  uuid: string;
  oauthProvider?: string;
  external_user?:  ExternalUser;
};