From e26ec2941a90728601c8809563540419464964df Mon Sep 17 00:00:00 2001
From: AI Assistant <ai@clientright.ru>
Date: Tue, 28 Oct 2025 10:13:18 +0300
Subject: [PATCH] =?UTF-8?q?feat:=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=82=D0=B5=D1=85=D0=BD=D0=B8=D1=87=D0=B5?=
 =?UTF-8?q?=D1=81=D0=BA=D0=B8=D0=B5=20DEV-=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=B4=D0=BB=D1=8F=20=D0=B1=D1=8B=D1=81=D1=82=D1=80?=
 =?UTF-8?q?=D0=BE=D0=B9=20=D0=BD=D0=B0=D0=B2=D0=B8=D0=B3=D0=B0=D1=86=D0=B8?=
 =?UTF-8?q?=D0=B8=20=D0=BF=D0=BE=20=D1=88=D0=B0=D0=B3=D0=B0=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 Технические панели на всех шагах:
- Step 1: Кнопка пропуска валидации полиса → Step 2
- Step 2: Кнопки навигации Назад/Вперёд без валидации полей
- Step 3: Автоподтверждение телефона + быстрая отправка заявки

Теперь можно тестировать весь флоу без заполнения обязательных полей.
---
 frontend/src/components/form/Step1Policy.tsx  | 31 ++++++++++
 frontend/src/components/form/Step2Details.tsx | 39 ++++++++++++
 frontend/src/components/form/Step3Payment.tsx | 60 +++++++++++++++++++
 3 files changed, 130 insertions(+)

diff --git a/frontend/src/components/form/Step1Policy.tsx b/frontend/src/components/form/Step1Policy.tsx
index 20ec4e5..cad1043 100644
--- a/frontend/src/components/form/Step1Policy.tsx
+++ b/frontend/src/components/form/Step1Policy.tsx
@@ -621,6 +621,37 @@ export default function Step1Policy({ formData, updateFormData, onNext, addDebug
           </div>
         ) : null}
       </Modal>
+
+      {/* 🔧 Технические кнопки для разработки */}
+      <div style={{ 
+        marginTop: 24, 
+        padding: 16, 
+        background: '#f0f0f0', 
+        borderRadius: 8,
+        border: '2px dashed #999'
+      }}>
+        <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
+          🔧 DEV MODE - Быстрая навигация (без валидации)
+        </div>
+        <div style={{ display: 'flex', gap: 8 }}>
+          <Button 
+            type="dashed"
+            onClick={() => {
+              // Пропускаем валидацию, заполняем минимальные данные
+              const devData = {
+                voucher: 'E1000-123456789',
+                claim_id: `CLM-DEV-${Math.random().toString(36).substr(2, 6).toUpperCase()}`,
+              };
+              updateFormData(devData);
+              onNext();
+            }}
+            size="small"
+            style={{ flex: 1 }}
+          >
+            Далее → (Step 2) [пропустить]
+          </Button>
+        </div>
+      </div>
     </Form>
   );
 }
diff --git a/frontend/src/components/form/Step2Details.tsx b/frontend/src/components/form/Step2Details.tsx
index c0bcbf8..76632fd 100644
--- a/frontend/src/components/form/Step2Details.tsx
+++ b/frontend/src/components/form/Step2Details.tsx
@@ -358,6 +358,45 @@ export default function Step2Details({ formData, updateFormData, onNext, onPrev,
           </Button>
         </div>
       </Form.Item>
+
+      {/* 🔧 Технические кнопки для разработки */}
+      <div style={{ 
+        marginTop: 24, 
+        padding: 16, 
+        background: '#f0f0f0', 
+        borderRadius: 8,
+        border: '2px dashed #999'
+      }}>
+        <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
+          🔧 DEV MODE - Быстрая навигация (без валидации)
+        </div>
+        <div style={{ display: 'flex', gap: 8 }}>
+          <Button 
+            onClick={onPrev} 
+            size="small"
+            disabled={uploading}
+          >
+            ← Назад (Step 1)
+          </Button>
+          <Button 
+            type="dashed"
+            onClick={() => {
+              // Пропускаем валидацию, заполняем минимальные данные
+              const devData = {
+                eventType: 'delay_flight',
+                incidentDate: dayjs(),
+                transportNumber: 'TEST123',
+              };
+              updateFormData(devData);
+              onNext();
+            }}
+            size="small"
+            style={{ flex: 1 }}
+          >
+            Далее → (Step 3) [пропустить]
+          </Button>
+        </div>
+      </div>
     </Form>
   );
 }
diff --git a/frontend/src/components/form/Step3Payment.tsx b/frontend/src/components/form/Step3Payment.tsx
index fedf33c..766147f 100644
--- a/frontend/src/components/form/Step3Payment.tsx
+++ b/frontend/src/components/form/Step3Payment.tsx
@@ -314,6 +314,66 @@ export default function Step3Payment({
               </Button>
             </div>
           </Form.Item>
+
+          {/* 🔧 Технические кнопки для разработки */}
+          <div style={{ 
+            marginTop: 24, 
+            padding: 16, 
+            background: '#f0f0f0', 
+            borderRadius: 8,
+            border: '2px dashed #999'
+          }}>
+            <div style={{ marginBottom: 8, fontSize: 12, color: '#666', fontWeight: 'bold' }}>
+              🔧 DEV MODE - Быстрая навигация (без валидации)
+            </div>
+            <div style={{ display: 'flex', gap: 8 }}>
+              <Button 
+                onClick={onPrev} 
+                size="small"
+              >
+                ← Назад (Step 2)
+              </Button>
+              <Button 
+                type="dashed"
+                onClick={() => {
+                  // Пропускаем валидацию телефона
+                  setIsPhoneVerified(true);
+                  const devData = {
+                    fullName: 'Тест Тестов',
+                    email: 'test@test.ru',
+                    phone: '+79991234567',
+                    paymentMethod: 'sbp',
+                    bankName: 'sberbank',
+                  };
+                  updateFormData(devData);
+                  message.success('DEV: Телефон автоматически подтверждён');
+                }}
+                size="small"
+                style={{ flex: 1 }}
+              >
+                ✅ Автоподтверждение телефона [dev]
+              </Button>
+              <Button 
+                type="primary"
+                onClick={() => {
+                  // Автоматически отправляем заявку
+                  setIsPhoneVerified(true);
+                  const devData = {
+                    fullName: 'Тест Тестов',
+                    email: 'test@test.ru',
+                    phone: '+79991234567',
+                    paymentMethod: 'sbp',
+                    bankName: 'sberbank',
+                  };
+                  updateFormData(devData);
+                  onSubmit();
+                }}
+                size="small"
+              >
+                🚀 Отправить [пропустить]
+              </Button>
+            </div>
+          </div>
         </>
       )}
     </Form>