import { useGenerateTokens } from '@/hooks/queries/useAuth';
import { env } from '@/lib/env';
import {
  useIdentityToken,
  useLinkWithFarcaster,
  useLoginWithFarcaster,
  usePrivy,
} from '@privy-io/expo';
import { usePathname } from 'expo-router';
import React from 'react';
import { Linking, Text, TouchableOpacity } from 'react-native';
import { PlatformIcon } from '../ui/PlatformIcon';
import { useAsyncEffect } from '@/hooks/useAsyncEffect';

export function SignInWithFarcaster() {
  const { linkWithFarcaster } = useLinkWithFarcaster();
  const { user } = usePrivy();
  const { getAccessToken } = usePrivy();
  const { getIdentityToken } = useIdentityToken();
  const { mutate: generateTokens } = useGenerateTokens();
  const pathname = usePathname();

  const handleSuccess = async () => {
    const [privyAccessToken, privyIdentityToken] = await Promise.all([
      getAccessToken(),
      getIdentityToken(),
    ]);

    if (!privyAccessToken || !privyIdentityToken) {
      return null;
    }

    generateTokens({
      accessToken: privyAccessToken,
      identityToken: privyIdentityToken,
    });
  };

  const { loginWithFarcaster } = useLoginWithFarcaster({
    onSuccess: handleSuccess,
    onError: (error) => {
      console.log('loginWithFarcaster error', error);
    },
  });

  return (
    <TouchableOpacity
      className='flex-row items-center justify-center w-full bg-[#222224] hover:bg-[#222224]/70 transition-all mx-0.5 text-gray-300 hover:text-white border border-[#2c2c2e] py-2 px-5 rounded-lg gap-2'
      onPress={() =>
        user
          ? linkWithFarcaster({
              relyingParty: env.PRIVY_RELYING_PARTY,
              redirectUrl: pathname,
            })
          : loginWithFarcaster({
              relyingParty: env.PRIVY_RELYING_PARTY,
              redirectUrl: pathname,
            })
      }
      activeOpacity={0.7}
      accessibilityRole='button'
    >
      <Text className='text-white text-2xl font-semibold font-superstar'>
        Sign in with Farcaster
      </Text>
      <PlatformIcon platform='farcaster' size={20} className='mr-2' />
    </TouchableOpacity>
  );
}