"use client"

import { useEffect, useRef } from "react"
import { useIntl } from "react-intl"

import { TIER_TO_FRIEND_MAP } from "@/constants/membershipLevels"
import { trpc } from "@/lib/trpc/client"

import { toast } from "@/components/TempDesignSystem/Toasts"

export function SASLevelUpgradeCheck() {
  const firedRef = useRef(false)
  const intl = useIntl()

  const { mutate } = trpc.partner.sas.performLevelUpgrade.useMutation({
    onSuccess(result) {
      switch (result.tierMatchState) {
        case "matched":
          toast.success(
            intl.formatMessage(
              {
                id: "Your SAS level has upgraded you to {level}!",
              },
              {
                level: TIER_TO_FRIEND_MAP[result.toLevel],
              }
            )
          )
          break
        // TODO remove the logs, but keep for now to ease testing
        case "notLinked":
          console.log("[sas] not linked - this should never happen")
          break
        case "error":
          console.log("[sas] something went wrong")
          break
        case "cached":
          console.log("[sas] cached")
          break
        case "alreadyMatched":
          console.log("[sas] already matched")
          break
      }
    },
    onError() {
      console.log("[sas] something went wrong")
    },
  })

  useEffect(() => {
    // We must make sure this only runs once to avoid sending multiple notifications to the user.
    // This aint great, but this entire thing is temporary until tier matching is event based on the server.
    if (firedRef.current) {
      return
    }

    mutate()
    firedRef.current = true
  }, [mutate])

  return null
}