Реализация реферальной системы и улучшение системы авторизации
- Добавлена полная реферальная система с GraphQL резолверами и UI компонентами - Улучшена система регистрации с поддержкой ВКонтакте и реферальных ссылок - Обновлена схема Prisma для поддержки реферальной системы - Добавлены новые файлы документации правил системы - Улучшена система партнерства и контрагентов - Обновлены компоненты авторизации для поддержки новых функций - Удален устаревший server.log 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Veronika Smirnova
@ -3,6 +3,8 @@
|
||||
import { CheckCircle } from 'lucide-react'
|
||||
import { useState, useEffect } from 'react'
|
||||
|
||||
import { useAuth } from '@/hooks/useAuth'
|
||||
|
||||
import { CabinetSelectStep } from './cabinet-select-step'
|
||||
import { ConfirmationStep } from './confirmation-step'
|
||||
import { InnStep } from './inn-step'
|
||||
@ -39,14 +41,31 @@ interface AuthData {
|
||||
ozonApiValidation: ApiKeyValidation | null
|
||||
isAuthenticated: boolean
|
||||
partnerCode?: string | null
|
||||
referralCode?: string | null
|
||||
}
|
||||
|
||||
interface AuthFlowProps {
|
||||
partnerCode?: string | null
|
||||
referralCode?: string | null
|
||||
}
|
||||
|
||||
export function AuthFlow({ partnerCode }: AuthFlowProps = {}) {
|
||||
const [step, setStep] = useState<AuthStep>('phone')
|
||||
export function AuthFlow({ partnerCode, referralCode }: AuthFlowProps = {}) {
|
||||
const { isAuthenticated, user } = useAuth()
|
||||
|
||||
console.log('🎢 AuthFlow - Полученные props:', { partnerCode, referralCode })
|
||||
console.log('🎢 AuthFlow - Статус авторизации:', { isAuthenticated, hasUser: !!user })
|
||||
|
||||
// Определяем начальный шаг в зависимости от авторизации
|
||||
const initialStep = isAuthenticated ? 'cabinet-select' : 'phone'
|
||||
const [step, setStep] = useState<AuthStep>(initialStep)
|
||||
|
||||
// Определяем тип регистрации на основе параметров
|
||||
// Только один из них должен быть активен (валидация уже прошла в RegisterPage)
|
||||
const registrationType = partnerCode ? 'PARTNER' : (referralCode ? 'REFERRAL' : null)
|
||||
const activeCode = partnerCode || referralCode || null
|
||||
|
||||
console.log('🎢 AuthFlow - Обработанные данные:', { registrationType, activeCode })
|
||||
|
||||
const [authData, setAuthData] = useState<AuthData>({
|
||||
phone: '',
|
||||
smsCode: '',
|
||||
@ -58,8 +77,23 @@ export function AuthFlow({ partnerCode }: AuthFlowProps = {}) {
|
||||
ozonApiKey: '',
|
||||
ozonApiValidation: null,
|
||||
isAuthenticated: false,
|
||||
partnerCode: partnerCode,
|
||||
// Сохраняем только активный код в правильное поле
|
||||
partnerCode: registrationType === 'PARTNER' ? activeCode : null,
|
||||
referralCode: registrationType === 'REFERRAL' ? activeCode : null,
|
||||
})
|
||||
|
||||
console.log('🎢 AuthFlow - Сохраненные в authData:', {
|
||||
partnerCode: authData.partnerCode,
|
||||
referralCode: authData.referralCode
|
||||
})
|
||||
|
||||
// Обновляем шаг при изменении статуса авторизации
|
||||
useEffect(() => {
|
||||
if (isAuthenticated && step === 'phone') {
|
||||
console.log('🎢 AuthFlow - Пользователь авторизовался, переход к выбору кабинета')
|
||||
setStep('cabinet-select')
|
||||
}
|
||||
}, [isAuthenticated, step])
|
||||
|
||||
// При завершении авторизации инициируем проверку и перенаправление
|
||||
useEffect(() => {
|
||||
@ -197,7 +231,13 @@ export function AuthFlow({ partnerCode }: AuthFlowProps = {}) {
|
||||
|
||||
return (
|
||||
<>
|
||||
{step === 'phone' && <PhoneStep onNext={handlePhoneNext} />}
|
||||
{step === 'phone' && (
|
||||
<PhoneStep
|
||||
onNext={handlePhoneNext}
|
||||
registrationType={registrationType}
|
||||
referrerCode={activeCode}
|
||||
/>
|
||||
)}
|
||||
{step === 'sms' && <SmsStep phone={authData.phone} onNext={handleSmsNext} onBack={handleSmsBack} />}
|
||||
{step === 'cabinet-select' && <CabinetSelectStep onNext={handleCabinetNext} onBack={handleCabinetBack} />}
|
||||
{step === 'inn' && <InnStep onNext={handleInnNext} onBack={handleInnBack} />}
|
||||
@ -208,13 +248,15 @@ export function AuthFlow({ partnerCode }: AuthFlowProps = {}) {
|
||||
<ConfirmationStep
|
||||
data={{
|
||||
phone: authData.phone,
|
||||
cabinetType: authData.cabinetType!,
|
||||
cabinetType: authData.cabinetType as 'fulfillment' | 'seller' | 'logist' | 'wholesale',
|
||||
inn: authData.inn || undefined,
|
||||
organizationData: authData.organizationData || undefined,
|
||||
wbApiKey: authData.wbApiKey || undefined,
|
||||
wbApiValidation: authData.wbApiValidation || undefined,
|
||||
ozonApiKey: authData.ozonApiKey || undefined,
|
||||
ozonApiValidation: authData.ozonApiValidation || undefined,
|
||||
referralCode: authData.referralCode,
|
||||
partnerCode: authData.partnerCode,
|
||||
}}
|
||||
onConfirm={handleConfirmation}
|
||||
onBack={handleConfirmationBack}
|
||||
|
||||
@ -33,6 +33,8 @@ interface ConfirmationStepProps {
|
||||
wbApiValidation?: ApiKeyValidation
|
||||
ozonApiKey?: string
|
||||
ozonApiValidation?: ApiKeyValidation
|
||||
referralCode?: string | null
|
||||
partnerCode?: string | null
|
||||
}
|
||||
onConfirm: () => void
|
||||
onBack: () => void
|
||||
@ -65,6 +67,13 @@ export function ConfirmationStep({ data, onConfirm, onBack }: ConfirmationStepPr
|
||||
const handleConfirm = async () => {
|
||||
setIsLoading(true)
|
||||
setError(null)
|
||||
|
||||
console.log('📝 ConfirmationStep - Данные для регистрации:', {
|
||||
cabinetType: data.cabinetType,
|
||||
inn: data.inn,
|
||||
referralCode: data.referralCode,
|
||||
partnerCode: data.partnerCode
|
||||
})
|
||||
|
||||
try {
|
||||
let result
|
||||
@ -73,16 +82,25 @@ export function ConfirmationStep({ data, onConfirm, onBack }: ConfirmationStepPr
|
||||
(data.cabinetType === 'fulfillment' || data.cabinetType === 'logist' || data.cabinetType === 'wholesale') &&
|
||||
data.inn
|
||||
) {
|
||||
console.log('📝 ConfirmationStep - Вызов registerFulfillmentOrganization с кодами:', {
|
||||
referralCode: data.referralCode,
|
||||
partnerCode: data.partnerCode
|
||||
})
|
||||
|
||||
result = await registerFulfillmentOrganization(
|
||||
data.phone.replace(/\D/g, ''),
|
||||
data.inn,
|
||||
getOrganizationType(data.cabinetType),
|
||||
data.referralCode,
|
||||
data.partnerCode,
|
||||
)
|
||||
} else if (data.cabinetType === 'seller') {
|
||||
result = await registerSellerOrganization({
|
||||
phone: data.phone.replace(/\D/g, ''),
|
||||
wbApiKey: data.wbApiKey,
|
||||
ozonApiKey: data.ozonApiKey,
|
||||
referralCode: data.referralCode,
|
||||
partnerCode: data.partnerCode,
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
@ -13,9 +13,11 @@ import { AuthLayout } from './auth-layout'
|
||||
|
||||
interface PhoneStepProps {
|
||||
onNext: (phone: string) => void
|
||||
registrationType?: 'REFERRAL' | 'PARTNER' | null
|
||||
referrerCode?: string | null
|
||||
}
|
||||
|
||||
export function PhoneStep({ onNext }: PhoneStepProps) {
|
||||
export function PhoneStep({ onNext, registrationType, referrerCode }: PhoneStepProps) {
|
||||
const [phone, setPhone] = useState('')
|
||||
const [isLoading, setIsLoading] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
@ -96,6 +98,35 @@ export function PhoneStep({ onNext }: PhoneStepProps) {
|
||||
totalSteps={5}
|
||||
stepName="Авторизация"
|
||||
>
|
||||
{/* Индикатор типа регистрации */}
|
||||
{registrationType && (
|
||||
<div className="mb-6 p-4 rounded-xl bg-gradient-to-r from-white/5 to-white/10 border border-white/20">
|
||||
<div className="flex items-center gap-3">
|
||||
<div className={`p-2 rounded-lg ${
|
||||
registrationType === 'PARTNER'
|
||||
? 'bg-purple-500/20 border border-purple-500/30'
|
||||
: 'bg-blue-500/20 border border-blue-500/30'
|
||||
}`}>
|
||||
<span className="text-xl">
|
||||
{registrationType === 'PARTNER' ? '🤝' : '📎'}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<p className="text-sm font-medium text-white">
|
||||
{registrationType === 'PARTNER'
|
||||
? 'Регистрация по партнерской ссылке'
|
||||
: 'Регистрация по реферальной ссылке'}
|
||||
</p>
|
||||
<p className="text-xs text-white/60 mt-1">
|
||||
{registrationType === 'PARTNER'
|
||||
? 'Вы получите +100 сфер ⚡ и автоматически станете партнером'
|
||||
: 'Вы получите +100 сфер ⚡ за регистрацию'}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<form onSubmit={handleSubmit} className="space-y-4">
|
||||
<div className="space-y-2">
|
||||
<Label htmlFor="phone" className="text-white text-sm font-medium flex items-center gap-2">
|
||||
|
||||
Reference in New Issue
Block a user