const socket = new WebSocket("wss://api-test.clictechnology.com/");
let id = 1;


socket.onopen = function() {
	start();
};

socket.onclose = function(event) {
	document.write(`code: ${event.code}  reason: ${event.reason} `);
};

socket.onmessage = function(event) {
	document.write(`response ${event.data} <br>`);

	const data = JSON.parse(event.data)

	// need to keep in touch with server
	if(data.type && data.type === "hello") {
		setInterval(function () {
				send({"type":"ping"})
			}, data.heartbeat.interval)
	}

};

socket.onerror = function(error) {
	document.write(`Error ${error.message} <br>`);
};


function send(object){
	socket.send(JSON.stringify(Object.assign({},object,{id: id++})))
}

async function start(){
	document.write("start <br>");

	// send auth
	send({"type":"hello","version":"2","auth":{"headers":{"authorization":"Bearer def9b9db-ea9f-5eb1-920d-48f380a6a641"}}});

	try {
		transaction = await fetch("https://api-test.clictechnology.com/v1/transaction/instant", {
			method: "post",
			headers: {
				"Authorization": "Bearer def9b9db-ea9f-5eb1-920d-48f380a6a641",
				"Content-Type": "application/json"
			},
			body: JSON.stringify({
				"amount": 2,
				"email": "lllypuk.ua@gmail.com",
				"coin_type": "eth",
				"orderId": "123",
				"customData": {},
				"currency": "usd",
				 "forMobile": true

			})
		}).then(response=>response.json())
	} catch(e){
		document.write("error");
		document.write(e);
	}

	document.write(`transaction id: ${transaction.id} token: ${transaction.token} amount: ${transaction.amount} link: ${transaction.link}  <br>`);

	// subscribe event
	send({"type":"sub","path":`/v1/transaction/subscribe/instant/status/${transaction.token}`})
}