Profile: редактируемый профиль при verification="0", сохранение через N8N_PROFILE_UPDATE_WEBHOOK

- Backend: config.py — добавлена настройка n8n_profile_update_webhook (читает N8N_PROFILE_UPDATE_WEBHOOK из .env).
- Backend: profile.py — общий хелпер _resolve_profile_identity(), обновлён _fetch_contact(), новый эндпоинт POST /api/v1/profile/contact/update, который отправляет данные профиля в N8N_PROFILE_UPDATE_WEBHOOK.
- Frontend: Profile.tsx — если verification === "0", показывается форма редактирования (все поля, кроме телефона, обязательны к заполнению, телефон только для чтения) и сохранение вызывает /api/v1/profile/contact/update; иначе профиль остаётся только для просмотра.
This commit is contained in:
Fedor
2026-02-27 08:34:27 +03:00
parent 62fc57f108
commit 9c65b6a4ea
4 changed files with 272 additions and 62 deletions

View File

@@ -1,23 +1,23 @@
import { useEffect, useState } from 'react';
import { Button, Card, Descriptions, Spin, Typography } from 'antd';
import { Button, Card, Descriptions, Form, Input, Spin, Typography, message } from 'antd';
import { User } from 'lucide-react';
import './Profile.css';
const { Title, Text } = Typography;
/** Поля профиля из CRM (поддержка snake_case и camelCase) */
const PROFILE_FIELDS: Array<{ key: string; keys: string[]; label: string }> = [
{ key: 'last_name', keys: ['last_name', 'lastName'], label: 'Фамилия' },
{ key: 'first_name', keys: ['first_name', 'firstName'], label: 'Имя' },
{ key: 'middle_name', keys: ['middle_name', 'middleName', 'otchestvo'], label: 'Отчество' },
{ key: 'birth_date', keys: ['birth_date', 'birthDate', 'birthday'], label: 'Дата рождения' },
{ key: 'birth_place', keys: ['birth_place', 'birthPlace'], label: 'Место рождения' },
{ key: 'inn', keys: ['inn'], label: 'ИНН' },
{ key: 'email', keys: ['email'], label: 'Электронная почта' },
{ key: 'registration_address', keys: ['registration_address', 'address', 'mailingstreet'], label: 'Адрес регистрации' },
{ key: 'mailing_address', keys: ['mailing_address', 'postal_address'], label: 'Почтовый адрес' },
{ key: 'bank_for_compensation', keys: ['bank_for_compensation', 'bank'], label: 'Банк для получения возмещения' },
{ key: 'phone', keys: ['phone', 'mobile', 'mobile_phone'], label: 'Мобильный телефон' },
/** Поля профиля из CRM (поддержка snake_case и camelCase). Все кроме phone редактируемые при verification="0". */
const PROFILE_FIELDS: Array<{ key: string; keys: string[]; label: string; editable: boolean }> = [
{ key: 'last_name', keys: ['last_name', 'lastName'], label: 'Фамилия', editable: true },
{ key: 'first_name', keys: ['first_name', 'firstName'], label: 'Имя', editable: true },
{ key: 'middle_name', keys: ['middle_name', 'middleName', 'otchestvo'], label: 'Отчество', editable: true },
{ key: 'birth_date', keys: ['birth_date', 'birthDate', 'birthday'], label: 'Дата рождения', editable: true },
{ key: 'birth_place', keys: ['birth_place', 'birthPlace'], label: 'Место рождения', editable: true },
{ key: 'inn', keys: ['inn'], label: 'ИНН', editable: true },
{ key: 'email', keys: ['email'], label: 'Электронная почта', editable: true },
{ key: 'registration_address', keys: ['registration_address', 'address', 'mailingstreet'], label: 'Адрес регистрации', editable: true },
{ key: 'mailing_address', keys: ['mailing_address', 'postal_address'], label: 'Почтовый адрес', editable: true },
{ key: 'bank_for_compensation', keys: ['bank_for_compensation', 'bank'], label: 'Банк для получения возмещения', editable: true },
{ key: 'phone', keys: ['phone', 'mobile', 'mobile_phone'], label: 'Мобильный телефон', editable: false },
];
function getValue(obj: Record<string, unknown>, keys: string[]): string {
@@ -28,14 +28,22 @@ function getValue(obj: Record<string, unknown>, keys: string[]): string {
return '';
}
/** verification === "0" — профиль можно редактировать (ответ n8n). Иначе — только просмотр. */
function canEditProfile(contact: Record<string, unknown>): boolean {
const v = contact?.verification ?? contact?.Verification;
return v === '0' || v === 0;
}
interface ProfileProps {
onNavigate?: (path: string) => void;
}
export default function Profile({ onNavigate }: ProfileProps) {
const [loading, setLoading] = useState(true);
const [saving, setSaving] = useState(false);
const [error, setError] = useState<string | null>(null);
const [contact, setContact] = useState<Record<string, unknown> | null>(null);
const [form] = Form.useForm();
useEffect(() => {
let cancelled = false;
@@ -81,6 +89,13 @@ export default function Profile({ onNavigate }: ProfileProps) {
? (items[0] as Record<string, unknown>)
: null;
setContact(first);
if (first && canEditProfile(first)) {
const initial: Record<string, string> = {};
PROFILE_FIELDS.forEach(({ key, keys }) => {
initial[key] = getValue(first, keys) || '';
});
form.setFieldsValue(initial);
}
})
.catch((e) => {
if (!cancelled) setError(e?.message || 'Не удалось загрузить данные');
@@ -89,7 +104,61 @@ export default function Profile({ onNavigate }: ProfileProps) {
if (!cancelled) setLoading(false);
});
return () => { cancelled = true; };
}, [onNavigate]);
}, [onNavigate, form]);
const handleSave = async () => {
if (!contact || !canEditProfile(contact)) return;
const token = sessionStorage.getItem('session_token') || localStorage.getItem('session_token');
if (!token) {
message.error('Сессия истекла');
onNavigate?.('/hello');
return;
}
const entryChannel =
(typeof window !== 'undefined' && (window as any).Telegram?.WebApp?.initData) ? 'telegram'
: (typeof window !== 'undefined' && (window as any).WebApp?.initData) ? 'max'
: 'web';
let values: Record<string, string>;
try {
values = await form.validateFields();
} catch {
return;
}
setSaving(true);
try {
const res = await fetch('/api/v1/profile/contact/update', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
session_token: token,
entry_channel: entryChannel,
last_name: values.last_name ?? '',
first_name: values.first_name ?? '',
middle_name: values.middle_name ?? '',
birth_date: values.birth_date ?? '',
birth_place: values.birth_place ?? '',
inn: values.inn ?? '',
email: values.email ?? '',
registration_address: values.registration_address ?? '',
mailing_address: values.mailing_address ?? '',
bank_for_compensation: values.bank_for_compensation ?? '',
phone: getValue(contact, ['phone', 'mobile', 'mobile_phone']) || undefined,
}),
});
const data = await res.json().catch(() => ({}));
if (!res.ok) {
const detail = typeof data?.detail === 'string' ? data.detail : data?.detail?.[0]?.msg || 'Не удалось сохранить профиль';
message.error(detail);
return;
}
message.success('Профиль сохранён');
setContact({ ...contact, ...values });
} catch (e) {
message.error('Не удалось сохранить профиль, попробуйте позже');
} finally {
setSaving(false);
}
};
if (loading) {
return (
@@ -130,6 +199,38 @@ export default function Profile({ onNavigate }: ProfileProps) {
);
}
const canEdit = canEditProfile(contact);
if (canEdit) {
return (
<div className="profile-page">
<Card
className="profile-card"
title={<><User size={20} style={{ marginRight: 8, verticalAlign: 'middle' }} /> Профиль</>}
extra={onNavigate ? <Button type="link" onClick={() => onNavigate('/')}>Домой</Button> : null}
>
<Form form={form} layout="vertical" onFinish={handleSave}>
{PROFILE_FIELDS.map(({ key, keys, label, editable }) => (
<Form.Item
key={key}
name={key}
label={label}
rules={editable ? [{ required: true, message: 'Обязательное поле' }] : undefined}
>
<Input disabled={!editable} placeholder={editable ? undefined : '—'} />
</Form.Item>
))}
<Form.Item>
<Button type="primary" htmlType="submit" loading={saving}>
Сохранить изменения
</Button>
</Form.Item>
</Form>
</Card>
</div>
);
}
const items = PROFILE_FIELDS.map(({ keys, label }) => ({
key: keys[0],
label,