(function(){
	var app_route = 'https://app.messify.io//m/widgets/get/';
	var install_node = document.querySelector('#messify-chat-widget');
	
	function handlepopup(response) {
		if (response.errors) {
			console.error('Messify-Widget-Error:', response.error_msg);
			return;
		}
		
		var node_style = document.createElement('link');
			node_style.rel = 'stylesheet';
			node_style.type = "text/css";
			node_style.href = app_route + response.id + '/css';
			
		document.head.appendChild(node_style);
		
		var node_button = document.createElement('div');
			node_button.id = 'chat-widget-button';
			node_button.innerHTML = response.html_widget;
		
		document.body.appendChild(node_button);
		
		var node_popup = document.createElement('div');
			node_popup.style.display = 'none';
			node_popup.id = 'chat-widget-popup';
			node_popup.innerHTML = response.html_popup;
			
		document.body.appendChild(node_popup);
		
		var node_script = document.createElement('script');
			node_script.src = app_route + response.id + '/js';
		
		install_node.appendChild(node_script);
		
		install_node.dataset.settings = window.JSON.stringify(response.settings);
	}
	
	if (install_node) {
		var widget_id = install_node.getAttribute('widget-id');
		
		fetch(app_route + widget_id + '/main')
		.then(r => r.json())
		.then(handlepopup)
		.catch((error) => {
			console.error('Messify-Widget-Error:', error);
		});
	} else {
		console.error('Messify-Widget-Error: could not find chat node #messify-chat-widget');
	}
	
	console.log('Messify chat widget loaded');
})();