import {Dom, Type, Text, Event, Runtime} from 'main.core';
import type {AnalyticsOptions} from './types';

/**
 * @memberOf BX.Landing
 */
export class Metrika
{
	static TOOL_NAME = 'landing';

	formSelector: string;
	widgetBlockItemSelector: string;
	siteType: ?string;
	formBlocks: Array<string>;
	formsLoaded: Array;
	sendedLabel: Array;
	widgetOpened: boolean;
	widgetBlockHover: boolean;

	constructor(light: boolean)
	{
		this.sendedLabel = [];

		if (light === true)
		{
			return;
		}

		this.formSelector = '.bitrix24forms';
		this.widgetBlockItemSelector = '.landing-b24-widget-button-social-item';
		this.formBlocks = [...document.querySelectorAll(this.formSelector)];
		this.siteType = this.getSiteType();
		this.formsLoaded = [];
		this.widgetOpened = false;
		this.widgetBlockHover = false;

		/*if (this.isFormsExists())
		{
			this.waitForForms();
		}*/
		this.waitForWidget();
		this.detectAnchor();
	}

	/**
	 * Returns site type.
	 * @return {string|null}
	 */
	getSiteType()
	{
		const metaSiteType = document.querySelector('meta[property="Bitrix24SiteType"]');
		if (metaSiteType)
		{
			return metaSiteType.getAttribute('content');
		}
		return null;
	}

	/**
	 * Is any form exists into the page.
	 * @return {boolean}
	 */
	isFormsExists(): boolean
	{
		return this.formBlocks.length > 0;
	}

	/**
	 * Listener for address links on the page.
	 */
	detectAnchor(): void
	{
		[...document.querySelectorAll('a')].map(node => {
			let href = Dom.attr(node, 'href');
			if (href)
			{
				href = href.toString();
			}
			if (href && href.indexOf(':'))
			{
				const hrefPref = href.split(':')[0];
				if (['callto', 'tel', 'mailto'].includes(hrefPref))
				{
					Event.bind(node, 'click', () => {
						this.sendLabel('', 'addressClick', hrefPref);
					});
				}
			}
		});
	}

	/**
	 * Listener for widget commands.
	 */
	waitForWidget(): void
	{
		[...document.querySelectorAll(this.widgetBlockItemSelector)].map(node => {
			Event.bind(node, 'mouseover', () => {
				this.widgetBlockHover = true;
			});
			Event.bind(node, 'mouseout', () => {
				this.widgetBlockHover = false;
			});
			Event.bind(node, 'click', () => {
				[...node.classList].map(className => {
					if (className.indexOf('ui-icon-service-') === 0)
					{
						const ol = className.substr('ui-icon-service-'.length);
						this.sendLabel('', 'olOpenedFromWidget', ol);
					}
				});
			});
		});

		window.addEventListener('onBitrixLiveChat', event => {
			const {widget, widgetHost} = event.detail;
			widget.subscribe({
				type: BX.LiveChatWidget.SubscriptionType.every,
				callback: event => {
					if (event.type === BX.LiveChatWidget.SubscriptionType.widgetOpen)
					{
						if (this.widgetBlockHover)
						{
							this.sendLabel(widgetHost, 'chatOpenedFromWidget');
						}
						else
						{
							this.sendLabel(widgetHost, 'chatOpened');
						}
					}
				}

			});
		});
	}

	/**
	 * Sends analytic label when form is loaded, otherwise sends fail label.
	 */
	waitForForms(): void
	{
		window.addEventListener('b24:form:show:first', event => {
			const {id, sec, address} = event.detail.object.identification;
			const disabled = event.detail.object.disabled;

			this.formsLoaded.push(id + '|' + sec);

			if (disabled)
			{
				this.sendLabel(address, 'formDisabledLoad', id+ '|' + sec);
			}
			else
			{
				this.sendLabel(address, 'formSuccessLoad', id+ '|' + sec);
			}
		});

		setTimeout(() => {
			this.formBlocks.map(node => {
				const dataAttr = Dom.attr(node, 'data-b24form');
				if (dataAttr && dataAttr.indexOf('|'))
				{
					const formData = dataAttr.split('|');
					if (!this.formsLoaded.includes(formData[0] + '|' + formData[1]))
					{
						this.sendLabel(
							null,
							'formFailLoad',
							formData[1] ? formData[0] + '|' + formData[1] : formData[0]
						);
					}
				}
			});
		}, 5000);
	}

	/**
	 * Clears already sent labels.
	 */
	clearSendedLabel()
	{
		this.sendedLabel = [];
	}

	/**
	 * Send label to the portal.
	 * @param {string|null} portalUrl
	 * @param {string} label
	 * @param {string|null} value
	 */
	sendLabel(portalUrl: ?string, label: string, value: ?string): void
	{
		if (this.sendedLabel.includes(label + value))
		{
			return;
		}
		if (value && value.substr(0, 1) === '#')
		{
			value = value.substr(1);
		}
		this.sendedLabel.push(label + value);
		BX.ajax({url:
			(portalUrl ? portalUrl : '') + '/bitrix/images/landing/analytics/pixel.gif?action=' + label +
			(value ? '&value=' + value : '') +
			(this.siteType ? '&siteType=' + this.siteType : '') +
			'&time=' + (new Date().getTime())
		});
	}

	/**
	 * For new analytic scheme
	 * @param data
	 */
	sendData(data: AnalyticsOptions): void
	{
		Runtime
			.loadExtension('ui.analytics')
			.then(exports => {
				const preparedData = {
					tool: Metrika.TOOL_NAME,
				};

				[
					'category',
					'event',
					'type',
					'c_section',
					'c_sub_section',
					'c_element',
					'status',
				].forEach(key =>
				{
					if (data[key])
					{
						preparedData[key] = data[key];
					}
				});

				if (data.params && Type.isObject(data.params))
				{
					let i = 1;
					const maxParams = 5;
					Object.keys(data.params).forEach(param => {
						if (i <= maxParams)
						{
							const key = 'p' + i++;
							Text.toCamelCase(param);
							preparedData[key] = Text.toCamelCase(param) + '_' + Text.toCamelCase(data.params[param]);
						}
					});
					delete preparedData.params;
				}

				const {sendData} = exports;
				sendData(preparedData);
			})
			.catch(err => {
				console.error('Metrika send error', err);
			})
		;
	}
}