import { getClosestScTrackAttribute, hasParentNode } from "./dom";

export interface InteractionInfo {
  /** Click time */
  c?: number;
  /** Click attribution identifier */
  ci?: string;
  /** Click X position */
  cx?: number;
  /** Click Y position */
  cy?: number;
  /** Key press time */
  k?: number;
  /** Key press attribution identifier */
  ki?: string;
  /** Scroll time */
  s?: number;
}

type ButtonOrLinkElement = HTMLButtonElement | HTMLLinkElement;

/**
 * Get the interaction attribution name for an element
 */
export function interactionAttributionForElement(el: Element): string {
  // Our first preference is to use the data-sctrack attribute from anywhere in the tree
  const trackId = getClosestScTrackAttribute(el);

  if (trackId) {
    return trackId;
  }

  // The second preference is to use the element's ID
  if (el.id) {
    return el.id;
  }

  // The third preference is to use the text content of a button or link
  const isSubmitInput = el.tagName === "INPUT" && (el as HTMLInputElement).type === "submit";
  const isButton = el.tagName === "BUTTON";
  const isLink = el.tagName === "A";

  if (isSubmitInput && (el as HTMLInputElement).value) {
    return (el as HTMLInputElement).value;
  }

  if ((isButton || isLink) && (el as ButtonOrLinkElement).innerText) {
    return (el as ButtonOrLinkElement).innerText;
  }

  if (hasParentNode(el)) {
    return interactionAttributionForElement(el.parentNode);
  }

  // No suitable attribute was found
  return "";
}