0978e485dc
Problem:
- After wizard form submission, need to wait for claim data from n8n
- Claim data comes via Redis channel claim:plan:{session_token}
- Need to display confirmation form with claim data
Solution:
1. Backend: Added SSE endpoint /api/v1/claim-plan/{session_token}
- Subscribes to Redis channel claim:plan:{session_token}
- Streams claim data from n8n to frontend
- Handles timeouts and errors gracefully
2. Frontend: Added subscription to claim:plan channel
- StepWizardPlan: After form submission, subscribes to SSE
- Waits for claim_plan_ready event
- Shows loading message while waiting
- On success: saves claimPlanData and shows confirmation step
3. New component: StepClaimConfirmation
- Displays claim confirmation form in iframe
- Receives claimPlanData from parent
- Generates HTML form (placeholder - should call n8n for real HTML)
- Handles confirmation/cancellation via postMessage
4. ClaimForm: Added conditional step for confirmation
- Shows StepClaimConfirmation when showClaimConfirmation=true
- Step appears after StepWizardPlan
- Only visible when claimPlanData is available
Flow:
1. User fills wizard form → submits
2. Form data sent to n8n via /api/v1/claims/wizard
3. Frontend subscribes to SSE /api/v1/claim-plan/{session_token}
4. n8n processes data → publishes to Redis claim:plan:{session_token}
5. Backend receives → streams to frontend via SSE
6. Frontend receives → shows StepClaimConfirmation
7. User confirms → proceeds to next step
Files:
- backend/app/api/events.py: Added stream_claim_plan endpoint
- frontend/src/components/form/StepWizardPlan.tsx: Added subscribeToClaimPlan
- frontend/src/components/form/StepClaimConfirmation.tsx: New component
- frontend/src/pages/ClaimForm.tsx: Added confirmation step to steps array
47 lines
1.4 KiB
JavaScript
47 lines
1.4 KiB
JavaScript
// Парсим результат CreateWebContact
|
|
const rawResult = $node["CreateWebContact"].json.result;
|
|
|
|
const contactData = JSON.parse(rawResult); // {"contact_id": "396625", "is_new": false}
|
|
|
|
const phone = $('Edit Fields').first().json.phone;
|
|
|
|
// Получаем session_id
|
|
const session_id = $('Edit Fields').first().json.session_id;
|
|
|
|
// Генерируем claim_id
|
|
const date = new Date().toISOString().split('T')[0];
|
|
const randomId = Math.random().toString(36).substr(2, 6).toUpperCase();
|
|
const claim_id = `CLM-${date}-${randomId}`;
|
|
|
|
// Формируем session для Redis
|
|
const sessionData = {
|
|
claim_id: claim_id,
|
|
contact_id: contactData.contact_id, // ← распарсенный ID
|
|
phone: phone,
|
|
is_new_contact: contactData.is_new, // ← флаг нового контакта
|
|
status: "draft",
|
|
current_step: 1,
|
|
created_at: new Date().toISOString(),
|
|
updated_at: new Date().toISOString(),
|
|
voucher: null,
|
|
event_type: null,
|
|
documents: {},
|
|
email: null,
|
|
bank_name: null
|
|
};
|
|
|
|
return {
|
|
session: session_id,
|
|
session_id: session_id, // Добавляем для совместимости
|
|
claim_id: claim_id,
|
|
contact_id: contactData.contact_id,
|
|
is_new_contact: contactData.is_new,
|
|
phone: phone,
|
|
redis_key: `session:${session_id}`, // ✅ Исправлено: используем session_id вместо session
|
|
redis_value: JSON.stringify(sessionData),
|
|
ttl: 604800
|
|
};
|
|
|
|
|
|
|