Выплата возмещения возможна по системе быстрых платежей (СБП) по номеру телефона заявителя: ' + esc(u.mobile || '') + '
';
+ html += 'На основании вышеизложенного и руководствуясь ст. 45 Закона «О защите прав потребителей», ст. 3, ч. 1 ст. 46 ГПК РФ, прошу вас защитить мои потребительские права, обратиться в суд с заявлением о защите моих потребительских прав и/или с коллективным иском о защите группы потребителей, и представлять мои интересы во всех судебных органах РФ, а также обращаться с заявлениями во все госорганы, подавать претензии, письма и жалобы.
';
html += '';
html += createCheckbox('meta', 'privacyConsent', state.meta && state.meta.privacyConsent,
@@ -1108,36 +1260,62 @@ export function generateConfirmationFormHTML(data: any): string {
return parseFloat(s) > 0;
}
+ // Список обязательных полей
+ var requiredFieldsList = [
+ { root: 'user', key: 'lastname', name: 'Фамилия' },
+ { root: 'user', key: 'firstname', name: 'Имя' },
+ { root: 'user', key: 'birthday', name: 'Дата рождения' },
+ { root: 'user', key: 'birthplace', name: 'Место рождения' },
+ { root: 'user', key: 'mailingstreet', name: 'Адрес' },
+ { root: 'user', key: 'inn', name: 'ИНН' },
+ { root: 'project', key: 'agrdate', name: 'Дата договора' },
+ { root: 'project', key: 'agrprice', name: 'Сумма' },
+ { root: 'project', key: 'reason', name: 'Причина обращения' },
+ { root: 'project', key: 'description', name: 'Описание проблемы' },
+ { root: 'offender', key: 'accountname', name: 'Название организации' },
+ { root: 'offender', key: 'inn', name: 'ИНН организации' },
+ { root: 'offender', key: 'address', name: 'Адрес организации' },
+ { root: 'offender', key: 'email', name: 'E-mail организации' },
+ { root: 'user', key: 'bank_id', name: 'Банк для получения выплаты' }
+ ];
+
+ // Функция проверки, является ли поле обязательным
+ function isRequiredField(root, key) {
+ return requiredFieldsList.some(function(f) {
+ return f.root === root && f.key === key;
+ });
+ }
+
+ // Функция получения значения поля
+ function getFieldValue(root, key, index) {
+ if (root === 'user') {
+ return state.user[key] || '';
+ } else if (root === 'project') {
+ return state.project[key] || '';
+ } else if (root === 'offender') {
+ var offender = state.offenders[index || 0];
+ return (offender && offender[key]) || '';
+ }
+ return '';
+ }
+
+ // Функция проверки, заполнено ли поле
+ function isFieldFilled(root, key, index) {
+ var value = getFieldValue(root, key, index);
+ if (value === null || value === undefined) return false;
+ if (typeof value === 'string') {
+ return value.trim().length > 0;
+ }
+ return !!value;
+ }
+
// Функция проверки всех обязательных полей
function validateAllFields() {
- var requiredFields = [
- { root: 'user', key: 'lastname', name: 'Фамилия' },
- { root: 'user', key: 'firstname', name: 'Имя' },
- { root: 'user', key: 'birthday', name: 'Дата рождения' },
- { root: 'user', key: 'birthplace', name: 'Место рождения' },
- { root: 'user', key: 'mailingstreet', name: 'Адрес' },
- { root: 'user', key: 'inn', name: 'ИНН' },
- { root: 'project', key: 'agrdate', name: 'Дата договора' },
- { root: 'project', key: 'agrprice', name: 'Сумма' },
- { root: 'project', key: 'reason', name: 'Причина обращения' },
- { root: 'project', key: 'description', name: 'Описание проблемы' },
- { root: 'offender', key: 'accountname', name: 'Название организации' },
- { root: 'offender', key: 'address', name: 'Адрес организации' }
- ];
-
var errors = [];
- for (var i = 0; i < requiredFields.length; i++) {
- var field = requiredFields[i];
- var value = '';
- if (field.root === 'user') {
- value = state.user[field.key] || '';
- } else if (field.root === 'project') {
- value = state.project[field.key] || '';
- } else if (field.root === 'offender') {
- value = (state.offenders[0] && state.offenders[0][field.key]) || '';
- }
- if (!value || (typeof value === 'string' && value.trim() === '')) {
+ for (var i = 0; i < requiredFieldsList.length; i++) {
+ var field = requiredFieldsList[i];
+ if (!isFieldFilled(field.root, field.key, field.root === 'offender' ? 0 : undefined)) {
errors.push(field.name);
}
}
@@ -1145,6 +1323,34 @@ export function generateConfirmationFormHTML(data: any): string {
return errors;
}
+ // Функция обновления блока с предупреждением о незаполненных полях
+ function updateValidationWarning() {
+ var warningBlock = document.getElementById('validation-warning-block');
+ if (!warningBlock) return;
+
+ var validationErrors = validateAllFields();
+
+ if (validationErrors.length === 0) {
+ warningBlock.style.display = 'none';
+ return;
+ }
+
+ // Формируем HTML для предупреждения
+ var warningHtml = '
';
+ warningHtml += '
';
+ warningHtml += '⚠️ Пожалуйста, заполните все обязательные поля (' + validationErrors.length + '):';
+ warningHtml += '
';
+ warningHtml += '
';
+ for (var i = 0; i < validationErrors.length; i++) {
+ warningHtml += '- ' + esc(validationErrors[i]) + '
';
+ }
+ warningHtml += '
';
+ warningHtml += '
';
+
+ warningBlock.innerHTML = warningHtml;
+ warningBlock.style.display = 'block';
+ }
+
// Функция обновления состояния кнопки отправки
function updateSubmitButton() {
var confirmBtn = document.getElementById('confirmBtn');
@@ -1153,6 +1359,15 @@ export function generateConfirmationFormHTML(data: any): string {
var isConsentGiven = state.meta && state.meta.privacyConsent === true;
var validationErrors = validateAllFields();
+ // Обновляем блок с предупреждением
+ updateValidationWarning();
+
+ // Обновляем стили всех полей
+ var fields = document.querySelectorAll('.bind');
+ Array.prototype.forEach.call(fields, function(field) {
+ updateFieldStyle(field);
+ });
+
if (!isConsentGiven) {
confirmBtn.disabled = true;
confirmBtn.style.opacity = '0.6';
@@ -1167,20 +1382,60 @@ export function generateConfirmationFormHTML(data: any): string {
confirmBtn.disabled = true;
confirmBtn.style.opacity = '0.6';
confirmBtn.style.cursor = 'not-allowed';
- confirmBtn.textContent = '❌ Заполните все поля (' + validationErrors.length + ')';
+ confirmBtn.textContent = '❌ Заполните все обязательные поля (' + validationErrors.length + ')';
confirmBtn.title = 'Не заполнены: ' + validationErrors.join(', ');
}
}
- // ✅ Функция для обновления стиля заполненных полей
+ // ✅ Функция для обновления стиля заполненных полей с валидацией
function updateFieldStyle(field) {
var value = field.type === 'checkbox' ? field.checked : (field.value || '').trim();
var hasValue = field.type === 'checkbox' ? value : value.length > 0;
+ var key = field.getAttribute('data-key');
+ var root = field.getAttribute('data-root');
+ var index = field.getAttribute('data-index');
+ var fieldIndex = index !== null ? parseInt(index, 10) : undefined;
+
+ // Убираем все классы сначала
+ field.classList.remove('filled');
+ field.classList.remove('invalid');
+ field.classList.remove('required-empty');
+
+ // Проверяем, является ли поле обязательным
+ var isRequired = isRequiredField(root, key);
if (hasValue) {
- field.classList.add('filled');
+ // Проверяем валидность для телефона и email
+ var isValid = true;
+
+ if (key === 'mobile' || key === 'phone') {
+ // Валидация телефона: только цифры, 10-11 символов
+ var cleanPhone = value.replace(/\D/g, '');
+ isValid = cleanPhone.length >= 10 && cleanPhone.length <= 11;
+ } else if (key === 'email') {
+ // Валидация email: должен содержать @ и .
+ isValid = value.includes('@') && value.includes('.') && value.length > 5;
+ } else if (key === 'inn') {
+ // Валидация ИНН: 10 или 12 цифр
+ var cleanInn = value.replace(/\D/g, '');
+ if (root === 'user') {
+ isValid = cleanInn.length === 12;
+ } else {
+ isValid = cleanInn.length === 10 || cleanInn.length === 12;
+ }
+ }
+
+ if (isValid) {
+ field.classList.add('filled');
+ } else {
+ field.classList.add('invalid');
+ }
} else {
- field.classList.remove('filled');
+ // Поле не заполнено
+ if (isRequired) {
+ // Обязательное поле не заполнено - подсвечиваем жёлтым
+ field.classList.add('required-empty');
+ }
}
}
@@ -1190,14 +1445,99 @@ export function generateConfirmationFormHTML(data: any): string {
var fields = document.querySelectorAll('.bind');
console.log('Found fields:', fields.length);
- // ✅ Устанавливаем начальный стиль для всех полей
+ // Обработка скрытых полей bank_id
+ var bankIdFields = document.querySelectorAll('.bank-id-field');
+ Array.prototype.forEach.call(bankIdFields, function(field) {
+ field.addEventListener('change', function() {
+ var root = this.getAttribute('data-root');
+ var value = this.value;
+ if (root === 'user') {
+ state.user = state.user || {};
+ state.user.bank_id = value;
+ }
+ });
+ });
+
+ // ✅ Устанавливаем начальный стиль для всех полей и форматируем телефоны
Array.prototype.forEach.call(fields, function(field) {
+ var key = field.getAttribute('data-key');
+ // Автоформатирование телефона при загрузке: убираем + и нецифровые символы
+ if ((key === 'mobile' || key === 'phone') && field.value) {
+ field.value = field.value.replace(/\D/g, '');
+ }
updateFieldStyle(field);
});
Array.prototype.forEach.call(fields, function(field) {
+ var fieldKey = field.getAttribute('data-key');
+
+ // ✅ Блокируем ввод нецифровых символов для телефона
+ if (fieldKey === 'mobile' || fieldKey === 'phone') {
+ field.addEventListener('keypress', function(e) {
+ // Разрешаем: цифры, Backspace, Delete, Tab, стрелки
+ if (!/[0-9]/.test(e.key) && !['Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
+ e.preventDefault();
+ }
+ });
+
+ // Блокируем вставку нецифровых символов
+ field.addEventListener('paste', function(e) {
+ e.preventDefault();
+ var pastedText = (e.clipboardData || window.clipboardData).getData('text');
+ var cleanText = pastedText.replace(/\D/g, '').slice(0, 11);
+ document.execCommand('insertText', false, cleanText);
+ });
+ }
+
+ // ✅ Блокируем ввод кириллицы для email (только латиница, цифры и @._-)
+ if (fieldKey === 'email') {
+ field.addEventListener('keypress', function(e) {
+ // Разрешаем: латиница, цифры, @, ., _, -, служебные клавиши
+ if (!/[a-zA-Z0-9@._\-]/.test(e.key) && !['Backspace', 'Delete', 'Tab', 'ArrowLeft', 'ArrowRight'].includes(e.key)) {
+ e.preventDefault();
+ }
+ });
+
+ // Блокируем вставку кириллицы
+ field.addEventListener('paste', function(e) {
+ e.preventDefault();
+ var pastedText = (e.clipboardData || window.clipboardData).getData('text');
+ var cleanText = pastedText.replace(/[^a-zA-Z0-9@._\-]/g, ''); // Только латиница и допустимые символы
+ document.execCommand('insertText', false, cleanText);
+ });
+
+ // Автоочистка при вводе
+ field.addEventListener('input', function() {
+ var cursorPos = this.selectionStart;
+ var oldLen = this.value.length;
+ this.value = this.value.replace(/[^a-zA-Z0-9@._\-]/g, '');
+ var newLen = this.value.length;
+ // ✅ Для полей типа email setSelectionRange может не работать, используем try-catch
+ try {
+ if (this.type !== 'email') {
+ this.setSelectionRange(Math.min(cursorPos, newLen), Math.min(cursorPos, newLen));
+ }
+ } catch (e) {
+ // Игнорируем ошибку для полей типа email
+ console.debug('setSelectionRange not supported for email field');
+ }
+ });
+ }
+
// Обработка ввода
field.addEventListener('input', function() {
+ var key = this.getAttribute('data-key');
+
+ // ✅ Автоформатирование телефона: убираем + и нецифровые символы (на всякий случай)
+ if (key === 'mobile' || key === 'phone') {
+ var cursorPos = this.selectionStart;
+ var oldLen = this.value.length;
+ this.value = this.value.replace(/\D/g, '').slice(0, 11); // Оставляем только цифры, макс 11
+ var newLen = this.value.length;
+ // Корректируем позицию курсора
+ this.setSelectionRange(Math.min(cursorPos, newLen), Math.min(cursorPos, newLen));
+ }
+
// ✅ Обновляем стиль при изменении
updateFieldStyle(this);
// Автозамена запятой на точку для денежных полей
@@ -1206,7 +1546,6 @@ export function generateConfirmationFormHTML(data: any): string {
}
var root = this.getAttribute('data-root');
- var key = this.getAttribute('data-key');
var value = this.type === 'checkbox' ? this.checked : this.value;
// Для полей дат конвертируем YYYY-MM-DD в DD.MM.YYYY для сохранения
@@ -1222,6 +1561,12 @@ export function generateConfirmationFormHTML(data: any): string {
// Обновляем состояние
if (root === 'user') {
state.user = state.user || {};
+ // Для bank_id не сохраняем название банка, только ID из скрытого поля
+ if (key === 'bank_id' && this.classList.contains('bank-select')) {
+ // Это текстовое поле для названия банка - не сохраняем в state
+ // bank_id будет сохранён из скрытого поля
+ return;
+ }
state.user[key] = value;
// Обновляем телефон в СБП
@@ -1322,6 +1667,142 @@ export function generateConfirmationFormHTML(data: any): string {
});
}
+ // Загрузка списка банков СБП
+ function loadBanks() {
+ var bankInputs = document.querySelectorAll('.bank-select');
+ if (bankInputs.length === 0) {
+ console.log('Bank select fields not found');
+ return;
+ }
+
+ console.log('Loading NSPK banks...');
+
+ fetch('http://212.193.27.93/api/payouts/dictionaries/nspk-banks')
+ .then(function(response) {
+ if (!response.ok) throw new Error('HTTP ' + response.status);
+ return response.json();
+ })
+ .then(function(banks) {
+ console.log('Loaded ' + banks.length + ' banks');
+
+ // Сортируем по названию
+ banks.sort(function(a, b) {
+ return a.bankname.localeCompare(b.bankname, 'ru');
+ });
+
+ // Сохраняем список банков глобально для поиска
+ window.__banksList = banks;
+
+ // Заполняем все datalist элементы
+ Array.prototype.forEach.call(bankInputs, function(input) {
+ var datalistId = input.getAttribute('list');
+ var datalist = document.getElementById(datalistId);
+ var hiddenId = input.id + '_id';
+ var hiddenField = document.getElementById(hiddenId);
+ var currentBankId = state.user?.bank_id || '';
+ var currentBankName = '';
+
+ if (!datalist) {
+ console.error('Datalist not found for input:', input.id);
+ return;
+ }
+
+ // Очищаем datalist
+ datalist.innerHTML = '';
+
+ // Заполняем datalist опциями
+ banks.forEach(function(bank) {
+ var option = document.createElement('option');
+ option.value = bank.bankname;
+ option.setAttribute('data-bank-id', bank.bankid);
+ datalist.appendChild(option);
+
+ // Если это текущий банк, устанавливаем значение
+ if (bank.bankid === currentBankId) {
+ currentBankName = bank.bankname;
+ }
+ });
+
+ // Устанавливаем текущее значение если есть
+ if (currentBankName) {
+ input.value = currentBankName;
+ if (hiddenField) {
+ hiddenField.value = currentBankId;
+ }
+ // ✅ Сохраняем название банка в state
+ state.user = state.user || {};
+ state.user.bank_name = currentBankName;
+ input.classList.add('filled');
+ updateFieldStyle(input);
+ }
+
+ // Обработчик изменения для поиска банка по названию
+ input.addEventListener('input', function() {
+ var inputValue = this.value.trim();
+ var foundBank = null;
+
+ // Ищем точное совпадение
+ if (inputValue) {
+ foundBank = banks.find(function(b) {
+ return b.bankname.toLowerCase() === inputValue.toLowerCase();
+ });
+ }
+
+ if (foundBank) {
+ // Найден банк - сохраняем ID и название
+ if (hiddenField) {
+ hiddenField.value = foundBank.bankid;
+ }
+ state.user = state.user || {};
+ state.user.bank_id = foundBank.bankid;
+ state.user.bank_name = foundBank.bankname; // ✅ Сохраняем название банка
+ this.classList.add('filled');
+ } else {
+ // Банк не найден - очищаем ID и название
+ if (hiddenField) {
+ hiddenField.value = '';
+ }
+ state.user = state.user || {};
+ state.user.bank_id = '';
+ state.user.bank_name = ''; // ✅ Очищаем название банка
+ this.classList.remove('filled');
+ }
+ updateFieldStyle(this);
+ updateSubmitButton();
+ });
+
+ // Обработчик выбора из списка
+ input.addEventListener('change', function() {
+ var inputValue = this.value.trim();
+ var foundBank = banks.find(function(b) {
+ return b.bankname.toLowerCase() === inputValue.toLowerCase();
+ });
+
+ if (foundBank) {
+ if (hiddenField) {
+ hiddenField.value = foundBank.bankid;
+ }
+ state.user = state.user || {};
+ state.user.bank_id = foundBank.bankid;
+ state.user.bank_name = foundBank.bankname; // ✅ Сохраняем название банка
+ this.classList.add('filled');
+ updateFieldStyle(this);
+ }
+ });
+ });
+ })
+ .catch(function(error) {
+ console.error('Error loading banks:', error);
+ Array.prototype.forEach.call(bankInputs, function(input) {
+ var datalistId = input.getAttribute('list');
+ var datalist = document.getElementById(datalistId);
+ if (datalist) {
+ datalist.innerHTML = '
';
+ }
+ });
+ });
+ }
+
function initialize() {
try {
console.log('=== НАЧАЛО ИНИЦИАЛИЗАЦИИ ===');
@@ -1349,6 +1830,12 @@ export function generateConfirmationFormHTML(data: any): string {
renderStatement();
console.log('renderStatement completed');
+ // Загружаем список банков СБП
+ console.log('Loading banks...');
+ setTimeout(function() {
+ loadBanks();
+ }, 100);
+
// Валидируем уже заполненные поля
setTimeout(function(){
console.log('Starting field validation...');
@@ -1380,6 +1867,17 @@ export function generateConfirmationFormHTML(data: any): string {
return;
}
+ // Собираем bank_id из скрытых полей перед отправкой
+ var bankIdFields = document.querySelectorAll('.bank-id-field');
+ Array.prototype.forEach.call(bankIdFields, function(field) {
+ var root = field.getAttribute('data-root');
+ var bankId = field.value;
+ if (root === 'user' && bankId) {
+ state.user = state.user || {};
+ state.user.bank_id = bankId;
+ }
+ });
+
window.parent.postMessage({
type: 'claim_confirmed',
data: {
diff --git a/frontend/src/pages/ClaimForm.tsx b/frontend/src/pages/ClaimForm.tsx
index acb9180..a7d12ed 100644
--- a/frontend/src/pages/ClaimForm.tsx
+++ b/frontend/src/pages/ClaimForm.tsx
@@ -76,7 +76,8 @@ interface FormData {
fullName?: string;
email?: string;
paymentMethod?: string;
- bankName?: string;
+ bankId?: string; // ID банка из NSPK API
+ bankName?: string; // Название банка для отображения
cardNumber?: string;
accountNumber?: string;
}
@@ -107,7 +108,7 @@ export default function ClaimForm() {
const [hasDrafts, setHasDrafts] = useState(false);
useEffect(() => {
- // 🔥 VERSION CHECK: Если видишь это в консоли - фронт обновился!
+ // 🔥 VERSION CHECK: Если видишь это в консоли - фронт обновился!
console.log('🔥 ClaimForm v3.8 - 2025-11-20 15:10 - Fix session_id priority in loadDraft');
}, []);
@@ -559,6 +560,19 @@ export default function ClaimForm() {
const claim = data.claim;
const payload = claim.payload || {};
+ // ✅ Сохраняем флаги подтверждения данных контакта
+ const contact_data_confirmed = data.contact_data_confirmed || false;
+ const contact_data_can_edit = data.contact_data_can_edit !== false; // По умолчанию true
+ const contact_data_confirmed_at = data.contact_data_confirmed_at || null;
+ const contact_data_from_crm = data.contact_data_from_crm || null;
+
+ console.log('🔒 Статус данных контакта:', {
+ contact_data_confirmed,
+ contact_data_can_edit,
+ contact_data_confirmed_at,
+ has_crm_data: !!contact_data_from_crm
+ });
+
// ✅ Для telegram черновиков данные могут быть в payload.body
const body = payload.body || {};
const isTelegramFormat = !!payload.body;
@@ -613,8 +627,13 @@ export default function ClaimForm() {
const hasDocuments = Array.isArray(documentsMeta) && documentsMeta.length > 0;
const isDraft = claim.status_code === 'draft';
+ // ✅ НОВОЕ: Проверяем наличие form_draft (собранные данные из RAG)
+ const formDraft = payload.form_draft;
+ const hasFormDraft = !!(formDraft && formDraft.user && formDraft.offenders);
+ const isDraftDocsComplete = claim.status_code === 'draft_docs_complete';
+
const allStepsFilled = hasDescription && hasWizardPlan && hasAnswers && hasDocuments;
- const isReadyForConfirmation = allStepsFilled && isDraft;
+ const isReadyForConfirmation = (allStepsFilled && isDraft) || (hasFormDraft && isDraftDocsComplete);
console.log('🔍 Проверка полноты черновика:', {
hasDescription,
@@ -622,6 +641,8 @@ export default function ClaimForm() {
hasAnswers,
hasDocuments,
isDraft,
+ hasFormDraft,
+ isDraftDocsComplete,
allStepsFilled,
isReadyForConfirmation,
problemDescriptionFound: !!problemDescription,
@@ -707,24 +728,124 @@ export default function ClaimForm() {
// ✅ Если все шаги заполнены и статус = draft → переходим к форме подтверждения
if (isReadyForConfirmation) {
console.log('✅ Все шаги заполнены, преобразуем данные для формы подтверждения');
+ console.log('✅ hasFormDraft:', hasFormDraft, 'isDraftDocsComplete:', isDraftDocsComplete);
setIsPhoneVerified(true);
- // Преобразуем данные из БД в формат propertyName для формы подтверждения
- const claimPlanData = transformDraftToClaimPlanFormat({
- claim,
- payload,
- body,
- isTelegramFormat,
- finalClaimId,
- actualSessionId,
- currentFormData: formData,
- });
+ let claimPlanData;
+
+ // ✅ НОВОЕ: Если есть form_draft — используем его!
+ if (hasFormDraft && formDraft) {
+ console.log('✅ Используем form_draft из БД:', formDraft);
+ console.log('✅ project.description:', formDraft.project?.description);
+ console.log('✅ offenders:', formDraft.offenders);
+ console.log('✅ documentsMeta:', documentsMeta);
+ console.log('✅ documentsMeta[0]?.field_label:', documentsMeta[0]?.field_label);
+
+ const user = formDraft.user || {};
+ const project = formDraft.project || {};
+
+ // Преобразуем form_draft в формат propertyName (с правильными именами полей!)
+ claimPlanData = {
+ propertyName: {
+ applicant: {
+ // Маппинг полей user → applicant
+ first_name: user.firstname || '',
+ middle_name: user.secondname || '',
+ last_name: user.lastname || '',
+ phone: user.mobile || '',
+ email: user.email || '',
+ birth_date: user.birthday || '',
+ birth_place: user.birthplace || '',
+ address: user.mailingstreet || '',
+ inn: user.inn || '',
+ },
+ case: {
+ category: project.category || '',
+ direction: project.direction || '',
+ },
+ contract_or_service: {
+ subject: project.subject || '',
+ amount_paid: project.agrprice || '',
+ agreement_date: project.agrdate || '',
+ period_start: project.startdate || '',
+ period_end: project.finishdate || '',
+ country: project.country || '',
+ hotel: project.hotel || '',
+ },
+ offenders: (formDraft.offenders || []).map((o: any) => ({
+ name: o.accountname || '', // ✅ Форма ожидает 'name', а не 'accountname'
+ accountname: o.accountname || '', // Дублируем для совместимости
+ address: o.address || '',
+ email: o.email || '',
+ website: o.website || '',
+ phone: o.phone || '',
+ inn: o.inn || '',
+ ogrn: o.ogrn || '',
+ role: o.role || '',
+ })),
+ claim: {
+ description: project.description || problemDescription || '', // ✅ Описание проблемы
+ reason: project.category || '', // ✅ Причина обращения
+ },
+ meta: {
+ claim_id: finalClaimId,
+ unified_id: formData.unified_id || '',
+ session_token: actualSessionId,
+ },
+ // ✅ Используем field_label (человекочитаемые названия) вместо имён файлов
+ attachments_names: documentsMeta.map((d: any) => d.field_label || d.original_file_name || d.file_name || 'Документ'),
+ },
+ session_token: actualSessionId,
+ claim_id: finalClaimId,
+ prefix: 'clpr_',
+ };
+
+ console.log('✅ claimPlanData сформирован:', claimPlanData);
+ console.log('✅ claimPlanData.propertyName.claim.description:', claimPlanData.propertyName.claim.description);
+ console.log('✅ claimPlanData.propertyName.offenders:', claimPlanData.propertyName.offenders);
+ } else {
+ // Старый способ: преобразуем данные из БД
+ claimPlanData = transformDraftToClaimPlanFormat({
+ claim,
+ payload,
+ body,
+ isTelegramFormat,
+ finalClaimId,
+ actualSessionId,
+ currentFormData: formData,
+ });
+ }
+
+ console.log('✅ claimPlanData для формы подтверждения:', claimPlanData);
+
+ // ✅ Если данные подтверждены и есть данные из CRM - используем их
+ if (contact_data_confirmed && contact_data_from_crm) {
+ // Обновляем applicant данные из CRM
+ if (claimPlanData?.propertyName?.applicant) {
+ claimPlanData.propertyName.applicant = {
+ ...claimPlanData.propertyName.applicant,
+ first_name: contact_data_from_crm.firstname || claimPlanData.propertyName.applicant.first_name,
+ last_name: contact_data_from_crm.lastname || claimPlanData.propertyName.applicant.last_name,
+ middle_name: contact_data_from_crm.cf_1157 || claimPlanData.propertyName.applicant.middle_name,
+ inn: contact_data_from_crm.cf_1257 || claimPlanData.propertyName.applicant.inn,
+ birth_date: contact_data_from_crm.birthday || claimPlanData.propertyName.applicant.birth_date,
+ birth_place: contact_data_from_crm.cf_1263 || claimPlanData.propertyName.applicant.birth_place,
+ address: contact_data_from_crm.mailingstreet || claimPlanData.propertyName.applicant.address,
+ email: contact_data_from_crm.email || claimPlanData.propertyName.applicant.email,
+ phone: contact_data_from_crm.mobile || claimPlanData.propertyName.applicant.phone,
+ };
+ }
+ }
// Сохраняем данные заявления в formData
updateFormData({
claimPlanData: claimPlanData,
showClaimConfirmation: true,
+ // ✅ Флаги подтверждения данных
+ contact_data_confirmed: contact_data_confirmed,
+ contact_data_can_edit: contact_data_can_edit,
+ contact_data_confirmed_at: contact_data_confirmed_at,
});
// Переход к шагу подтверждения произойдёт автоматически через useEffect
@@ -900,17 +1021,18 @@ export default function ClaimForm() {
is_new_project: formData.is_new_project,
// Основные поля формы (для удобства в n8n)
- voucher: formData.voucher,
- phone: formData.phone,
+ voucher: formData.voucher,
+ phone: formData.phone,
email: formData.email,
- event_type: formData.eventType,
- payment_method: formData.paymentMethod,
- bank_name: formData.bankName,
- card_number: formData.cardNumber,
- account_number: formData.accountNumber,
+ event_type: formData.eventType,
+ payment_method: formData.paymentMethod,
+ bank_id: formData.bankId, // ID банка из NSPK API
+ bank_name: formData.bankName, // Название банка для отображения
+ card_number: formData.cardNumber,
+ account_number: formData.accountNumber,
// Старый блок документов + новые загрузки визарда (пока как есть)
- documents: formData.documents || {},
+ documents: formData.documents || {},
wizard_uploads: formData.wizardUploads || {},
// Всё состояние формы целиком — на всякий случай
@@ -947,7 +1069,7 @@ export default function ClaimForm() {
});
// Помечаем, что заявка отправлена, и показываем заглушку.
setIsSubmitted(true);
- message.success('Данные отправлены, заявка принята в обработку.');
+ message.success('Поздравляем! Ваше обращение направлено в Клиентправ.');
} catch (error) {
message.error('Ошибка соединения с сервером');
addDebugEvent('form', 'error', '❌ Ошибка соединения', { error: String(error) });
@@ -980,8 +1102,8 @@ export default function ClaimForm() {
// Шаг 1: Phone (телефон + SMS верификация)
stepsArray.push({
- title: 'Телефон',
- description: 'Подтверждение по SMS',
+ title: 'Вход',
+ description: 'Подтверждение телефона',
content: (
{
+ // Возвращаемся к списку заявок
+ setShowDraftSelection(true);
+ setSelectedDraftId(null);
+ setCurrentStep(0);
+ }}
onNext={nextStep}
addDebugEvent={addDebugEvent}
/>
@@ -1099,44 +1226,51 @@ export default function ClaimForm() {
content: (
setIsSubmitted(true)}
/>
),
});
}
- // Шаг 3: Policy (всегда)
- stepsArray.push({
- title: 'Проверка полиса',
- description: 'Полис ERV',
- content: (
-
- ),
- });
+ // Шаги для СТАРОГО флоу (страхование ERV) — НЕ показываем для нового флоу защиты прав
+ const isNewClaimFlow = formData.documents_required && formData.documents_required.length > 0;
+
+ if (!isNewClaimFlow) {
+ // Шаг 3: Policy (только для старого флоу)
+ stepsArray.push({
+ title: 'Проверка полиса',
+ description: 'Полис ERV',
+ content: (
+
+ ),
+ });
- // Шаг 4: Event Type Selection (всегда)
- stepsArray.push({
- title: 'Тип события',
- description: 'Выбор случая',
- content: (
-
- ),
- });
+ // Шаг 4: Event Type Selection (только для старого флоу)
+ stepsArray.push({
+ title: 'Тип события',
+ description: 'Выбор случая',
+ content: (
+
+ ),
+ });
+ }
- // Шаги 3+: Document Upload (динамически, если выбран eventType)
- if (formData.eventType && documentConfigs.length > 0) {
+ // Шаги Document Upload (только для старого флоу — если выбран eventType)
+ if (!isNewClaimFlow && formData.eventType && documentConfigs.length > 0) {
documentConfigs.forEach((docConfig, index) => {
stepsArray.push({
title: `Документ ${index + 1}`,
@@ -1160,8 +1294,8 @@ export default function ClaimForm() {
// Последний шаг: Payment (всегда)
stepsArray.push({
- title: 'Оплата',
- description: 'Контакты и выплата',
+ title: 'Заявление',
+ description: 'Подтверждение',
content: (
0 && (
-
+
)}
)
@@ -1277,22 +1411,22 @@ export default function ClaimForm() {
>
{isSubmitted ? (
-
Мы изучаем ваш вопрос и документы
+
Поздравляем! Ваше обращение направлено в Клиентправ.
- Заявка отправлена в работу. Юристы проверят информацию и свяжутся с вами по указанным контактам.
+ В ближайшее время на указанную Вами электронную почту поступит письмо, подтверждающее регистрацию вашего обращения.
{steps[currentStep] ? steps[currentStep].content : (
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index a80cc30..184500a 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -9,7 +9,15 @@ export default defineConfig({
proxy: {
'/api': {
target: 'http://host.docker.internal:8200',
- changeOrigin: true
+ changeOrigin: true,
+ // SSE support
+ configure: (proxy) => {
+ proxy.on('proxyRes', (proxyRes) => {
+ // Disable buffering for SSE
+ proxyRes.headers['cache-control'] = 'no-cache';
+ proxyRes.headers['x-accel-buffering'] = 'no';
+ });
+ }
},
'/events': {
target: 'http://host.docker.internal:8200',