import React from "react";

import { isHttpMode } from "src/utils/isHttpMode";

const STORAGE_KEY = "bitcoin-protocol-handler-registered";

export function useRegisterProtocolHandler(basePath: string) {
  React.useEffect(() => {
    if (!isHttpMode() || !("registerProtocolHandler" in navigator)) {
      return;
    }

    try {
      // Browsers re-prompt every time registerProtocolHandler is called if the
      // user previously dismissed the prompt without accepting or denying it.
      // Limit to once per browser session so we don't ask on every page load,
      // but users still get re-asked in a new session if they didn't opt in.
      // sessionStorage access can throw in restricted/private modes, so it's
      // inside the same try/catch as registerProtocolHandler.
      if (sessionStorage.getItem(STORAGE_KEY)) {
        return;
      }

      const normalizedBasePath = basePath.replace(/\/$/, "");
      const handlerUrl = `${window.location.origin}${normalizedBasePath}/wallet/send?bip21=%s`;
      navigator.registerProtocolHandler("bitcoin", handlerUrl);
      sessionStorage.setItem(STORAGE_KEY, "true");
    } catch (e) {
      console.error("Failed to register bitcoin protocol handler", e);
    }
  }, [basePath]);
}