frontPanel/src/utils/hooks/useAfterpay.ts

import { useNavigate } from "react-router-dom";
import { useWallet, setCash } from "@root/cash";

import { payCart } from "@api/cart";
import { currencyFormatter } from "../../pages/Tariffs/tariffsUtils/currencyFormatter"; 

const MINUTE = 1000 * 60;

export const useAfterpay = () => {
  const navigate = useNavigate();
  const { cash } = useWallet()

  const checkPayment = () => {
    const redirectUrl = new URL(window.location.href);
    redirectUrl.searchParams.set("afterpay", "false");
    navigate(redirectUrl);

    const payCartPendingRequestDeadline = localStorage.getItem(
      "payCartPendingRequestDeadline",
    );
    const deadline = payCartPendingRequestDeadline
      ? Number(payCartPendingRequestDeadline)
      : Date.now() + 20 * MINUTE;

    localStorage.setItem("payCartPendingRequestDeadline", deadline.toString());

    let tryCount = 0;
    tryPayCart();

    async function tryPayCart() {
      tryCount += 1;

      const [data, payCartError] = await payCart();
      if (data !== null) setCash(currencyFormatter.format(Number(data.wallet.cash) / 100));

      if (!payCartError || Date.now() > deadline) {
        localStorage.removeItem("payCartPendingRequestDeadline");
        return;
      }

      setTimeout(tryPayCart, tryCount > 10 ? MINUTE / 60 : MINUTE / 6);
    }
  };
  const checkParams = () => {
    const afterpay = new URLSearchParams(window.location.search).get(
      "afterpay",
    );

    if (afterpay) {
      checkPayment();
    }
  };

  setInterval(checkParams, 5000);
};