mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-26 02:57:59 +00:00
178 lines
5.1 KiB
TypeScript
178 lines
5.1 KiB
TypeScript
import { createContext, useContext, useState, useEffect, ReactNode, useCallback } from 'react';
|
|
import { usePezkuwi } from '@/contexts/PezkuwiContext';
|
|
import { useWallet } from '@/contexts/WalletContext';
|
|
import { useToast } from '@/hooks/use-toast';
|
|
import {
|
|
getReferralStats,
|
|
getMyReferrals,
|
|
initiateReferral,
|
|
subscribeToReferralEvents,
|
|
type ReferralStats,
|
|
} from '@pezkuwi/lib/referral';
|
|
|
|
interface ReferralContextValue {
|
|
stats: ReferralStats | null;
|
|
myReferrals: string[];
|
|
loading: boolean;
|
|
inviteUser: (referredAddress: string) => Promise<boolean>;
|
|
refreshStats: () => Promise<void>;
|
|
}
|
|
|
|
const ReferralContext = createContext<ReferralContextValue | undefined>(undefined);
|
|
|
|
export function ReferralProvider({ children }: { children: ReactNode }) {
|
|
const { peopleApi, isPeopleReady } = usePezkuwi();
|
|
const { account } = useWallet();
|
|
const { toast } = useToast();
|
|
|
|
const [stats, setStats] = useState<ReferralStats | null>(null);
|
|
const [myReferrals, setMyReferrals] = useState<string[]>([]);
|
|
const [loading, setLoading] = useState(true);
|
|
|
|
// Fetch referral statistics from People Chain
|
|
const fetchStats = useCallback(async () => {
|
|
if (!peopleApi || !isPeopleReady || !account) {
|
|
setStats(null);
|
|
setMyReferrals([]);
|
|
setLoading(false);
|
|
return;
|
|
}
|
|
|
|
try {
|
|
setLoading(true);
|
|
|
|
const [fetchedStats, fetchedReferrals] = await Promise.all([
|
|
getReferralStats(peopleApi, account),
|
|
getMyReferrals(peopleApi, account),
|
|
]);
|
|
|
|
setStats(fetchedStats);
|
|
setMyReferrals(fetchedReferrals);
|
|
} catch (error) {
|
|
if (import.meta.env.DEV) console.error('Error fetching referral stats:', error);
|
|
toast({
|
|
title: 'Error',
|
|
description: 'Failed to load referral statistics',
|
|
variant: 'destructive',
|
|
});
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
}, [peopleApi, isPeopleReady, account, toast]);
|
|
|
|
// Initial fetch
|
|
useEffect(() => {
|
|
fetchStats();
|
|
}, [fetchStats]);
|
|
|
|
// Subscribe to referral events for real-time updates (People Chain)
|
|
useEffect(() => {
|
|
if (!peopleApi || !isPeopleReady || !account) return;
|
|
|
|
let unsub: (() => void) | undefined;
|
|
|
|
subscribeToReferralEvents(peopleApi, (event) => {
|
|
// If this user is involved in the event, refresh stats
|
|
if (event.referrer === account || event.referred === account) {
|
|
if (event.type === 'initiated') {
|
|
toast({
|
|
title: 'Referral Sent',
|
|
description: `Invitation sent to ${event.referred.slice(0, 8)}...`,
|
|
});
|
|
} else if (event.type === 'confirmed') {
|
|
toast({
|
|
title: 'Referral Confirmed!',
|
|
description: `Your referral completed KYC. Total: ${event.count}`,
|
|
variant: 'default',
|
|
});
|
|
}
|
|
fetchStats();
|
|
}
|
|
}).then((unsubFn) => {
|
|
unsub = unsubFn;
|
|
});
|
|
|
|
return () => {
|
|
if (unsub) unsub();
|
|
};
|
|
}, [peopleApi, isPeopleReady, account, toast, fetchStats]);
|
|
|
|
// Invite a new user (via People Chain)
|
|
const inviteUser = async (referredAddress: string): Promise<boolean> => {
|
|
if (!peopleApi || !account) {
|
|
toast({
|
|
title: 'Error',
|
|
description: 'Wallet not connected',
|
|
variant: 'destructive',
|
|
});
|
|
return false;
|
|
}
|
|
|
|
try {
|
|
// Validate address format
|
|
if (!referredAddress || referredAddress.length < 47) {
|
|
toast({
|
|
title: 'Invalid Address',
|
|
description: 'Please enter a valid Pezkuwi address',
|
|
variant: 'destructive',
|
|
});
|
|
return false;
|
|
}
|
|
|
|
toast({
|
|
title: 'Sending Invitation',
|
|
description: 'Please sign the transaction...',
|
|
});
|
|
|
|
await initiateReferral(peopleApi, { address: account, meta: { source: 'pezkuwi' } } as Record<string, unknown>, referredAddress);
|
|
|
|
toast({
|
|
title: 'Success!',
|
|
description: 'Referral invitation sent successfully',
|
|
});
|
|
|
|
// Refresh stats after successful invitation
|
|
await fetchStats();
|
|
return true;
|
|
} catch (error) {
|
|
if (import.meta.env.DEV) console.error('Error inviting user:', error);
|
|
|
|
let errorMessage = 'Failed to send referral invitation';
|
|
if (error.message) {
|
|
if (error.message.includes('SelfReferral')) {
|
|
errorMessage = 'You cannot refer yourself';
|
|
} else if (error.message.includes('AlreadyReferred')) {
|
|
errorMessage = 'This user has already been referred';
|
|
} else {
|
|
errorMessage = error.message;
|
|
}
|
|
}
|
|
|
|
toast({
|
|
title: 'Error',
|
|
description: errorMessage,
|
|
variant: 'destructive',
|
|
});
|
|
return false;
|
|
}
|
|
};
|
|
|
|
const value: ReferralContextValue = {
|
|
stats,
|
|
myReferrals,
|
|
loading,
|
|
inviteUser,
|
|
refreshStats: fetchStats,
|
|
};
|
|
|
|
return <ReferralContext.Provider value={value}>{children}</ReferralContext.Provider>;
|
|
}
|
|
|
|
export function useReferral() {
|
|
const context = useContext(ReferralContext);
|
|
if (context === undefined) {
|
|
throw new Error('useReferral must be used within a ReferralProvider');
|
|
}
|
|
return context;
|
|
}
|