@alexsab-ru/scripts 0.4.4 → 0.5.0

package/lib/analytics.js

@@ -47,39 +47,27 @@ export function ymPage(pageName,goalParams) {
 				ym(me.id, "hit", pageName, goalParams||{})
 			})
 		} catch (err) {
-			console.error(goalName + ' - error send page to Metrika');
+			console.error(pageName + ' - error send page to Metrika');
 		}
 	}
 
-export function addPhoneGoals(item) {
+export function addClickCopyContextmenuGoals(item, prefix) {
 		item.addEventListener('click', function(evt) {
-			reachGoal('phone_click');
+			reachGoal(prefix + '_click');
 		});
 		item.addEventListener('copy', function(evt) {
-			reachGoal('phone_copy');
+			reachGoal(prefix + '_copy');
 		});
 		item.addEventListener('contextmenu', function(evt) {
-			reachGoal('phone_contextmenu');
-		});
-	}
-
-export function addEmailGoals(item) {
-		item.addEventListener('click', function(evt) {
-			reachGoal('email_click');
-		});
-		item.addEventListener('copy', function(evt) {
-			reachGoal('email_copy');
-		});
-		item.addEventListener('contextmenu', function(evt) {
-			reachGoal('email_contextmenu');
+			reachGoal(prefix + '_contextmenu');
 		});
 	}
 
 	document.querySelectorAll('a[href^\="tel:"]').forEach((tel)=>{
-		addPhoneGoals(tel);
+		addClickCopyContextmenuGoals(tel, "phone");
 	});
 	document.querySelectorAll('a[href^\="mailto:"]').forEach((tel)=>{
-		addEmailGoals(tel);
+		addClickCopyContextmenuGoals(tel, "email");
 	});
 
 	let goals = [

package/lib/calltouch.js

@@ -1,9 +1,10 @@
 export const createRequest = (routeKey, phoneValue, verbose = false) => {
-
+return new Promise((resolve, reject) => {
+	let errorText = '';
 	if(window.ctw) {
 		window.ctw.getRouteKeyData(routeKey, function(success, data){
 			verbose && console.log(success, data);
-			if (success && data.widgetFound) {
+			if (success) {
 				if (data.widgetFound) {
 					if (data.widgetData.callCenterWorkingMode == 'working_hours') {
 						verbose && console.log('колл-центр работает, отображение виджета');
@@ -27,34 +28,47 @@ export const createRequest = (routeKey, phoneValue, verbose = false) => {
 						function (success, data) {
 							verbose && console.log(success, data)
 							if (success) {
-								verbose && console.log('Создана заявка на колбек, идентификатор: ' + data.callbackRequestId)
+								verbose && console.log('Создана заявка на колбек, идентификатор: ' + data.callbackRequestId);
+								resolve(data); // Разрешаем Promise данными от createRequest
 							}
 							else {
+								errorText = 'Error in createRequest';
 								switch (data.type) {
 								case "request_throttle_timeout":
 								case "request_throttle_count":
-									verbose && console.log('Достигнут лимит создания заявок, попробуйте позже');
+									errorText = 'Достигнут лимит создания заявок, попробуйте позже';
+									verbose && console.log(errorText);
 									break;
 								case "request_phone_blacklisted":
-									verbose && console.log('номер телефона находится в черном списке');
+									errorText = 'номер телефона находится в черном списке';
+									verbose && console.log(errorText);
 									break;
 								case "validation_error":
-									verbose && console.log('были переданы некорректные данные');
+									errorText = 'были переданы некорректные данные';
+									verbose && console.log(errorText);
 									break;
 								default:
-									verbose && console.log('Во время выполнения запроса произошла ошибка: ' + data.type);
+									errorText = 'Во время выполнения запроса произошла ошибка: ' + data.type;
+									verbose && console.log(errorText);
 								}
+								reject(errorText); // Отклоняем Promise в случае ошибки
 							}
 						}
 					);
 				} else {
-					verbose && console.log('не найден включенный виджет '+routeKey+', либо услуга обратного звонка не активна');
+					errorText = 'не найден включенный виджет '+routeKey+', либо услуга обратного звонка не активна';
+					verbose && console.log(errorText);
+					reject(errorText);
 				}
 			} else {
-				verbose && console.log('во время обработки произошла ошибка');
+				errorText = 'во время обработки произошла ошибка';
+				verbose && console.log(errorText);
 				verbose && console.log(data)
+				reject(errorText);
 			}
 		});
+	} else {
+		reject("window.ctw is not defined");
 	}
-
+});
 };

package/lib/form.js

@@ -120,7 +120,7 @@ const showMessageModal = (messageModal, icon, message) => {
 };
 
 
-export const connectForms = (url, callback, callback_error) => {
+export const connectForms = (url, callback, callback_error, ct_routeKey = 'ct_callback', verbose = false) => {
 
 // Отправка всех форм
 document.querySelectorAll("form").forEach((form) => {
@@ -153,17 +153,14 @@ document.querySelectorAll("form").forEach((form) => {
 		// Отпрвка цели что форма submit только после всех проверок
 		reachGoal("form_submit");
 
-		// Отправка заявки на обратный возов в CallTouch
-		createRequest("ct_callback", phone.value);
-
 		let formData = new FormData(form);
 		if(getCookie('fta')) {
 			formData.append("fta", true);
 		}
 		if(getCookie('__gtm_campaign_url')) {
-			var source = new URL(getCookie('__gtm_campaign_url'));
+			let source = new URL(getCookie('__gtm_campaign_url'));
 			source.search.slice(1).split("&").forEach(function(pair) {
-				var param = pair.split("=");
+				let param = pair.split("=");
 				formData.append(param[0], param[1]);
 			});
 		}
@@ -180,7 +177,7 @@ document.querySelectorAll("form").forEach((form) => {
 			.slice(1)
 			.split("&")
 			.forEach(function (pair) {
-				var param = pair.split("=");
+				let param = pair.split("=");
 				if(formData.get(param[0])){
 					formData.set(param[0], decodeURIComponent(param[1]));
 				} else {
@@ -189,7 +186,15 @@ document.querySelectorAll("form").forEach((form) => {
 			});
 
 		const params = new URLSearchParams([...formData]);
-		var formDataObj = getFormDataObject(formData, form.id);
+
+		let formDataObj = {};
+		try {
+			// Отправка заявки на обратный возов в CallTouch
+			const requestData = await createRequest(ct_routeKey, phone.value, verbose);
+		} catch (error) {
+			verbose && console.error("Error during request Calltouch callback:", error);
+			formDataObj = getFormDataObject(formData, form.id);
+		}
 
 		await fetch(url, {
 			method: "POST",
@@ -203,7 +208,7 @@ document.querySelectorAll("form").forEach((form) => {
 		})
 			.then((res) => res.json())
 			.then((data) => {
-				// console.log(data);
+				verbose && console.log(data);
 				stateBtn(btn, "Отправить");
 				if (data.answer == "required") {
 					reachGoal("form_required");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alexsab-ru/scripts",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "common libs for websites",
   "main": "index.js",
   "scripts": {