feat: add auth and data providers with mock data hooks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/hooks/use-campaigns.ts

@@ -0,0 +1,37 @@
+import { useMemo } from 'react';
+
+import type { Campaign, Ad, CampaignStatus } from '@/types/entities';
+import { useData } from '@/providers/data-provider';
+
+type UseCampaignsFilters = {
+    status?: CampaignStatus;
+};
+
+type UseCampaignsResult = {
+    campaigns: Campaign[];
+    ads: Ad[];
+};
+
+export const useCampaigns = (filters: UseCampaignsFilters = {}): UseCampaignsResult => {
+    const { campaigns, ads } = useData();
+    const { status } = filters;
+
+    const filteredCampaigns = useMemo(() => {
+        if (status === undefined) {
+            return campaigns;
+        }
+
+        return campaigns.filter((campaign) => campaign.campaignStatus === status);
+    }, [campaigns, status]);
+
+    const filteredAds = useMemo(() => {
+        const campaignIds = new Set(filteredCampaigns.map((campaign) => campaign.id));
+
+        return ads.filter((ad) => ad.campaignId !== null && campaignIds.has(ad.campaignId));
+    }, [ads, filteredCampaigns]);
+
+    return {
+        campaigns: filteredCampaigns,
+        ads: filteredAds,
+    };
+};

src/hooks/use-follow-ups.ts

@@ -0,0 +1,42 @@
+import { useMemo } from 'react';
+
+import type { FollowUp } from '@/types/entities';
+import { useData } from '@/providers/data-provider';
+
+type UseFollowUpsResult = {
+    followUps: FollowUp[];
+    overdue: FollowUp[];
+    upcoming: FollowUp[];
+};
+
+export const useFollowUps = (): UseFollowUpsResult => {
+    const { followUps } = useData();
+
+    const now = useMemo(() => new Date(), []);
+
+    const overdue = useMemo(() => {
+        return followUps.filter((followUp) => {
+            if (followUp.followUpStatus === 'OVERDUE') {
+                return true;
+            }
+
+            if (followUp.followUpStatus === 'PENDING' && followUp.scheduledAt !== null) {
+                return new Date(followUp.scheduledAt) < now;
+            }
+
+            return false;
+        });
+    }, [followUps, now]);
+
+    const upcoming = useMemo(() => {
+        return followUps.filter((followUp) => {
+            return followUp.followUpStatus === 'PENDING' && followUp.scheduledAt !== null && new Date(followUp.scheduledAt) >= now;
+        });
+    }, [followUps, now]);
+
+    return {
+        followUps,
+        overdue,
+        upcoming,
+    };
+};

src/hooks/use-leads.ts

@@ -0,0 +1,56 @@
+import { useMemo } from 'react';
+
+import type { Lead, LeadSource, LeadStatus } from '@/types/entities';
+import { useData } from '@/providers/data-provider';
+
+type UseLeadsFilters = {
+    source?: LeadSource;
+    status?: LeadStatus;
+    search?: string;
+};
+
+type UseLeadsResult = {
+    leads: Lead[];
+    total: number;
+    updateLead: (id: string, updates: Partial<Lead>) => void;
+};
+
+export const useLeads = (filters: UseLeadsFilters = {}): UseLeadsResult => {
+    const { leads, updateLead } = useData();
+    const { source, status, search } = filters;
+
+    const filteredLeads = useMemo(() => {
+        return leads.filter((lead) => {
+            if (source !== undefined && lead.leadSource !== source) {
+                return false;
+            }
+
+            if (status !== undefined && lead.leadStatus !== status) {
+                return false;
+            }
+
+            if (search !== undefined && search.trim() !== '') {
+                const query = search.trim().toLowerCase();
+                const firstName = lead.contactName?.firstName?.toLowerCase() ?? '';
+                const lastName = lead.contactName?.lastName?.toLowerCase() ?? '';
+                const fullName = `${firstName} ${lastName}`.trim();
+                const phones = (lead.contactPhone ?? []).map((p) => p.number.toLowerCase());
+
+                const matchesName = firstName.includes(query) || lastName.includes(query) || fullName.includes(query);
+                const matchesPhone = phones.some((phone) => phone.includes(query));
+
+                if (!matchesName && !matchesPhone) {
+                    return false;
+                }
+            }
+
+            return true;
+        });
+    }, [leads, source, status, search]);
+
+    return {
+        leads: filteredLeads,
+        total: filteredLeads.length,
+        updateLead,
+    };
+};