+
+
+ {menuOpen && (
+ <>
+
setMenuOpen(false)} />
+
+ {(Object.entries(statusConfig) as [AgentStatus, typeof current][]).map(([key, cfg]) => (
+
+ ))}
+
+
+ )}
+
+ );
+};
diff --git a/src/components/call-desk/enquiry-form.tsx b/src/components/call-desk/enquiry-form.tsx
new file mode 100644
index 0000000..0dc3842
--- /dev/null
+++ b/src/components/call-desk/enquiry-form.tsx
@@ -0,0 +1,189 @@
+import { useState, useEffect } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faClipboardQuestion, faXmark } from '@fortawesome/pro-duotone-svg-icons';
+import { Input } from '@/components/base/input/input';
+import { Select } from '@/components/base/select/select';
+import { TextArea } from '@/components/base/textarea/textarea';
+import { Checkbox } from '@/components/base/checkbox/checkbox';
+import { Button } from '@/components/base/buttons/button';
+import { apiClient } from '@/lib/api-client';
+import { notify } from '@/lib/toast';
+
+type EnquiryFormProps = {
+ isOpen: boolean;
+ onOpenChange: (open: boolean) => void;
+ callerPhone?: string | null;
+ onSaved?: () => void;
+};
+
+const dispositionItems = [
+ { id: 'CONVERTED', label: 'Converted' },
+ { id: 'FOLLOW_UP', label: 'Follow-up Needed' },
+ { id: 'GENERAL_QUERY', label: 'General Query' },
+ { id: 'NO_ANSWER', label: 'No Answer' },
+ { id: 'INVALID_NUMBER', label: 'Invalid Number' },
+ { id: 'CALL_DROPPED', label: 'Call Dropped' },
+];
+
+export const EnquiryForm = ({ isOpen, onOpenChange, callerPhone, onSaved }: EnquiryFormProps) => {
+ const [patientName, setPatientName] = useState('');
+ const [source, setSource] = useState('Phone Inquiry');
+ const [queryAsked, setQueryAsked] = useState('');
+ const [isExisting, setIsExisting] = useState(false);
+ const [registeredPhone, setRegisteredPhone] = useState(callerPhone ?? '');
+ const [department, setDepartment] = useState
(null);
+ const [doctor, setDoctor] = useState(null);
+ const [followUpNeeded, setFollowUpNeeded] = useState(false);
+ const [followUpDate, setFollowUpDate] = useState('');
+ const [disposition, setDisposition] = useState(null);
+ const [isSaving, setIsSaving] = useState(false);
+ const [error, setError] = useState(null);
+
+ // Fetch doctors for department/doctor dropdowns
+ const [doctors, setDoctors] = useState>([]);
+
+ useEffect(() => {
+ if (!isOpen) return;
+ apiClient.graphql<{ doctors: { edges: Array<{ node: any }> } }>(
+ `{ doctors(first: 50) { edges { node {
+ id name fullName { firstName lastName } department
+ } } } }`,
+ ).then(data => {
+ setDoctors(data.doctors.edges.map(e => ({
+ id: e.node.id,
+ name: e.node.fullName ? `Dr. ${e.node.fullName.firstName} ${e.node.fullName.lastName}`.trim() : e.node.name,
+ department: e.node.department ?? '',
+ })));
+ }).catch(() => {});
+ }, [isOpen]);
+
+ const departmentItems = [...new Set(doctors.map(d => d.department).filter(Boolean))]
+ .map(dept => ({ id: dept, label: dept.replace(/_/g, ' ').replace(/\b\w/g, c => c.toUpperCase()) }));
+
+ const filteredDoctors = department ? doctors.filter(d => d.department === department) : doctors;
+ const doctorItems = filteredDoctors.map(d => ({ id: d.id, label: d.name }));
+
+ const handleSave = async () => {
+ if (!patientName.trim() || !queryAsked.trim() || !disposition) {
+ setError('Please fill in required fields: patient name, query, and disposition.');
+ return;
+ }
+
+ setIsSaving(true);
+ setError(null);
+
+ try {
+ // Create a lead with source PHONE_INQUIRY
+ await apiClient.graphql(
+ `mutation($data: LeadCreateInput!) { createLead(data: $data) { id } }`,
+ {
+ data: {
+ name: `Enquiry — ${patientName}`,
+ contactName: { firstName: patientName.split(' ')[0], lastName: patientName.split(' ').slice(1).join(' ') || '' },
+ contactPhone: registeredPhone ? { primaryPhoneNumber: registeredPhone } : undefined,
+ source: 'PHONE_INQUIRY',
+ status: disposition === 'CONVERTED' ? 'CONVERTED' : 'NEW',
+ interestedService: queryAsked.substring(0, 100),
+ },
+ },
+ );
+
+ // Create follow-up if needed
+ if (followUpNeeded && followUpDate) {
+ await apiClient.graphql(
+ `mutation($data: FollowUpCreateInput!) { createFollowUp(data: $data) { id } }`,
+ {
+ data: {
+ name: `Follow-up — ${patientName}`,
+ typeCustom: 'CALLBACK',
+ status: 'PENDING',
+ priority: 'NORMAL',
+ scheduledAt: new Date(`${followUpDate}T09:00:00`).toISOString(),
+ },
+ },
+ { silent: true },
+ );
+ }
+
+ notify.success('Enquiry Logged', 'Contact details and query captured');
+ onSaved?.();
+ } catch (err) {
+ setError(err instanceof Error ? err.message : 'Failed to save enquiry');
+ } finally {
+ setIsSaving(false);
+ }
+ };
+
+ if (!isOpen) return null;
+
+ return (
+
+
+
+
+
+
+
+
Log Enquiry
+
Capture caller's question and details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {isExisting && (
+
+ )}
+
+
+
+
+
+
+
+
+
+
+ {followUpNeeded && (
+
+ )}
+
+
+
+ {error && (
+
{error}
+ )}
+
+
+
+
+
+
+
{
@@ -40,13 +41,7 @@ export const CallDeskPage = () => {
-
- {isRegistered ? 'Ready' : connectionStatus}
-
+
{totalPending > 0 && (
{totalPending} pending
)}