import React, { useEffect, useRef, useState } from "react";
import FingerprintJS from "@fingerprintjs/fingerprintjs";
import Image from "next/image";
import apiInstance from "@/interceptor/instance";
import Head from "next/head";
function Airtel(): JSX.Element {
const [isLoading, setIsLoading] = useState(true);
const hasExecuted = useRef(false);
const fetchDataAndPost = async () => {
try {
const headersRes = await fetch("/api/headers");
const { userAgent, ip } = await headersRes.json();
const fp = await FingerprintJS.load();
const result = await fp.get();
const postData = {
deviceId: result.visitorId,
userAgent,
ipAddress: ip,
source: 'app'
};
await apiInstance.post("/api/airtelUserActivity", postData);
} catch (error) {
return null;
}
};
const getOs = (): string => {
const userAgent = navigator.userAgent || navigator.vendor || (window as any)?.opera;
if (/windows phone/i.test(userAgent)) return "Windows Phone";
if (/android/i.test(userAgent)) return "Android";
if (/iPad|iPhone|iPod/.test(userAgent) && !(window as any)?.MSStream) return "iOS";
return "unknown";
};
useEffect(() => {
if (hasExecuted.current) return;
hasExecuted.current = true;
const executeFetchAndRedirect = async () => {
await fetchDataAndPost();
const os = getOs().toLowerCase();
window.location.href = os === "iOS"
? "https://apps.apple.com/in/app/jazzagain/id6476974335"
: "https://play.google.com/store/apps/details?id=com.jazzagain&pcampaignid=web_share&pli=1";
setIsLoading(false)
}
executeFetchAndRedirect();
}, []);
return (
<>
{isLoading ? (
) : (
<>
)}