vk auth

src/app/components/VKLogin.tsx

@@ -1,33 +1,62 @@
 'use client'
 
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import * as VKID from '@vkid/sdk';
+import { vkAuthorization } from '@/app/actions/vkAuth';
 
 export default function VKLogin() {
+	let [codeVerifier, setCodeVerifier] = useState('');
 
 	const vkButton = useRef<HTMLDivElement>(null)
 
-	function clickHandler() {
-		alert('Кнопка пока не подключена к бизнес аккаунту!');
-/* 		VKID.Auth.login()
-			.then(vkidOnSuccess)
-			.catch(console.error); */
+	function generateAuthString() {
+		const chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-';
+		const minLength = 43;
+		const maxLength = 128;
+
+		const length = Math.floor(Math.random() * (maxLength - minLength + 1)) + minLength;
+
+		let result = '';
+		const charsLength = chars.length;
+
+		for (let i = 0; i < length; i++) {
+			result += chars.charAt(Math.floor(Math.random() * charsLength));
+		}
+
+		return result;
 	}
 
-/* 	function vkidOnSuccess(data: any) {
+
+	function clickHandler() {
+		/* alert('Кнопка пока не подключена к бизнес аккаунту!'); */
+		console.log('clickHandler');
+		console.log(codeVerifier);
+		VKID.Auth.login()
+			.then(vkidOnSuccess)
+			.catch(console.error);
+	}
+
+	function vkidOnSuccess(data: any) {
 		console.log('vkidOnSuccess');
 		console.log(data);
-	} */
+		console.log(codeVerifier);
+		vkAuthorization(data, codeVerifier)
+		setCodeVerifier(generateAuthString());
+	}
+
+	useEffect(() => {
+		setCodeVerifier(generateAuthString());
+		console.log(codeVerifier);
 
-/* 	useEffect(() => {
 		VKID.Config.init({
 			app: 54389559,
 			redirectUrl: 'http://localhost',
 			responseMode: VKID.ConfigResponseMode.Callback,
 			source: VKID.ConfigSource.LOWCODE,
-			scope: 'email'
+			scope: 'email phone vkid.personal_info',
+			codeVerifier: codeVerifier
 		});
-	}, []); */
+	}, []);
 
 	return (
 		<button id="VKIDSDKAuthButton" className="VkIdWebSdk__button VkIdWebSdk__button_reset">