diff --git a/src/components/WaitlistForm.tsx b/src/components/WaitlistForm.tsx index 020784a..9024bf3 100644 --- a/src/components/WaitlistForm.tsx +++ b/src/components/WaitlistForm.tsx @@ -1,7 +1,8 @@ import React, { useState } from 'react'; -import { registrationApi } from '../lib/api/registration'; +import { PennyzoApiService } from '../services/PennyzoApiService'; import { useWaitlist } from '../context/WaitlistContext'; import { logger } from '../lib/logger'; +import type { RegisterRequest } from '../types/api'; interface WaitlistFormProps { isVisible: boolean; @@ -42,6 +43,8 @@ const WaitlistForm: React.FC = ({ isVisible, onClose }) => { const [serverError, setServerError] = useState(null); const [serverInfo, setServerInfo] = useState(null); + const apiService = new PennyzoApiService(); + const companyTypes = [ 'Pvt Ltd', 'LLP', @@ -194,13 +197,13 @@ const WaitlistForm: React.FC = ({ isVisible, onClose }) => { 'Other': 'OTHERS', }; - const payload = { + const payload: RegisterRequest = { first_name: formData.firstName.trim(), last_name: formData.lastName.trim(), email: formData.email.trim(), mobile: formData.phoneNumber.trim() || undefined, company_name: formData.companyName.trim(), - company_type: companyTypeMap[formData.companyType] as any, + company_type: companyTypeMap[formData.companyType] as RegisterRequest['company_type'], gst_registered: formData.gstRegistered === 'yes', gst_number: formData.gstRegistered === 'yes' ? formData.gstNumber.trim() : null, industry: formData.industry || undefined, @@ -215,7 +218,7 @@ const WaitlistForm: React.FC = ({ isVisible, onClose }) => { }; try { - const res = await registrationApi.register(payload as any); + const res = await apiService.registerUser(payload); setServerInfo(res.message || 'Registration successful. Check your email for OTP.'); // Refresh waitlist data after successful registration logger.component('WaitlistForm', 'Refreshing waitlist after successful registration...');