@alexsab-ru/scripts 0.15.1 → 0.15.2

package/lib/form.js

@@ -6,19 +6,20 @@ export const noValidPhone = (phoneValue) => {
 	return ([...new Set(phoneValue.replace(/^(\+7)/g, "").replace(/\D/g, ""))].length === 1);
 };
 
-export function maskphone(e) {
-	let num = this.value.replace(/^(\+7|8|7)/g, "").replace(/\D/g, "").split(/(?=.)/),
-		i = num.length;
+export const maskphone = (e) => {
+	const input = e.currentTarget;
+	let num = input.value.replace(/^(\+7|8|7)/g, "").replace(/\D/g, "").split(/(?=.)/);
+	const i = num.length;
 
-	if(this.value != "" && this.value != "+") {
+	if (input.value !== "" && input.value !== "+") {
 		if (0 <= i) num.unshift("+7");
 		if (1 <= i) num.splice(1, 0, " ");
 		if (4 <= i) num.splice(5, 0, " ");
 		if (7 <= i) num.splice(9, 0, "-");
 		if (9 <= i) num.splice(12, 0, "-");
-		this.value = num.join("");
+		input.value = num.join("");
 	}
-}
+};
 
 
 export const phoneChecker = (phone) => {
@@ -62,12 +63,18 @@ const stateBtn = (btn, value, disable = false) => {
 	}
 };
 
+// Показ сообщения об ошибке
 export const showErrorMes = (form, el, text) => {
 	let field = form.querySelector(el);
+	if (!field) {
+		console.warn('showErrorMes: element not found', { selector: el, form });
+		return;
+	}
 	field.innerText = text;
 	field.classList.remove("hidden");
 };
 
+// Показ модального окна с сообщением об успехе/ошибке
 export const showMessageModal = (messageModal, icon, message) => {
 	document.querySelectorAll(".modal-overlay").forEach((el) => {
 		el.classList.add("hidden");
@@ -99,6 +106,7 @@ export const messageModal = document.getElementById("message-modal");
 export const connectForms = (url, props = propsParams) => {
 	props = {...propsParams, ...props};
 
+
 	document.querySelectorAll("input[name=phone]").forEach(function (element) {
 		// element.addEventListener("focus", maskphone);
 		element.addEventListener("input", maskphone);
@@ -137,7 +145,8 @@ export const connectForms = (url, props = propsParams) => {
 		}
 	});
 
-async function submitForm(form){
+
+const submitForm = async (form) => {
 	const btn = form.querySelector('[type="submit"]');
 	const btnText = btn.value || btn.innerText;
 	const agree = form.querySelector('[name="' + props.agreeSelector + '"]');
@@ -145,26 +154,81 @@ async function submitForm(form){
 	const name = form.querySelector('[name="name"]');
 	const dealer = form.querySelector('[name="dealer"]');
 
-	if (!phoneChecker(phone)) {
-		return;
-	}
+	let validate;
 
-	if(dealer && dealer.hasAttribute('required')){
-		if(!dealer.value){
-			showErrorMes(form, '.dealer', 'Выберите дилерский центр');
+	// Валидируем форму. Поддерживаем 2 кейса:
+	// 1) Пользователь передал класс (конструктор), который имеет метод validate() или run() или поле isValid
+	// 2) Пользователь передал функцию, возвращающую boolean или объект с isValid
+	if (props.validation && typeof props.validation === 'function') {
+		try {
+			let instance;
+			let result;
+
+			// Пытаемся создать экземпляр (если передан класс). Если не конструктор — вызовем как функцию ниже
+			try {
+				instance = new props.validation(form);
+			} catch (e) {
+				// Если это не конструктор (например, стрелочная функция), пробуем вызвать как обычную функцию
+				result = props.validation(form);
+			}
+
+			// Если есть экземпляр, пробуем стандартные методы
+			if (instance) {
+				if (typeof instance.validate === 'function') {
+					result = await instance.validate();
+				} else if (typeof instance.run === 'function') {
+					result = await instance.run();
+				} else if (typeof instance.isValid !== 'undefined') {
+					result = { isValid: instance.isValid };
+				}
+			}
+
+			// Нормализуем результат к виду { isValid: boolean }
+			if (typeof result === 'boolean') {
+				validate = { isValid: result };
+			} else if (result && typeof result === 'object' && 'isValid' in result) {
+				validate = { isValid: Boolean(result.isValid) };
+			} else if (instance && typeof instance.isValid !== 'undefined') {
+				validate = { isValid: Boolean(instance.isValid) };
+			} else {
+				// Если валидатор ничего не вернул, считаем, что он сам показал ошибки и блокируем отправку
+				validate = { isValid: false };
+			}
+		} catch (err) {
+			// Если кастомный валидатор упал — показываем в консоли и блокируем отправку, чтобы не уйти с невалидной формой
+			console.error('Validation error:', err);
+			validate = { isValid: false };
+		}
+	} else {
+		// Базовые проверки, если кастомный валидатор не передан
+		if (!phoneChecker(phone)) {
 			return;
 		}
-	}
+		
+		if(dealer && dealer.hasAttribute('required')){
+			if(!dealer.value){
+				showErrorMes(form, '.dealer', 'Выберите дилерский центр');
+				return;
+			}
+		}
 
-	if (props.validation && typeof props.validation === 'function') {
-		props.validation(form);
+		// agree обязателен: если не найден или не отмечен — показываем ошибку
+		if (!agree || !agree.checked) {
+			showErrorMes(form, "." + props.agreeSelector, "Чтобы продолжить, установите флажок");
+			return;
+		}
+
+		// Иначе считаем форму валидной
+		validate = { isValid: true };
 	}
 
-	// если флажок не установлен - фронт
-	if (!agree.checked) {
-		showErrorMes(form, "." + props.agreeSelector, "Чтобы продолжить, установите флажок");
+	// Если форма невалидна (isValid === false), прекращаем отправку
+	if (!validate.isValid) {
 		return;
-	} else {
+	}
+
+	// если флажок установлен - устанавливаем куки (проверяем на наличие agree)
+	if (agree && agree.checked) {
 		setAgreeCookie(90);
 	}
 
@@ -277,7 +341,7 @@ async function submitForm(form){
 			deleteCookie(sendMailCookie);
 			// Вызов callback_error при ошибке
 			if (props.callback_error && typeof props.callback_error === 'function') {
-				props.callback_error(data);
+				props.callback_error(error);
 			} else if (messageModal) {
 				showMessageModal(messageModal, errorIcon, errorText + "<br>" + error);
 			}

package/package.json

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