import type {
  PaymentEvent,
  PaymentFailEvent,
  TrackingPosition,
  TrackingSDKData,
} from "@/types/components/tracking"

export function trackClick(name: string) {
  pushToDataLayer({
    event: "linkClick",
    cta: {
      name,
    },
  })
}

export function trackPageViewStart() {
  pushToDataLayer({
    event: "pageViewStart",
  })
}

export function trackLoginClick(position: TrackingPosition) {
  const event = {
    event: "loginStart",
    login: {
      position,
      action: "login start",
      ctaName: "login",
    },
  }
  pushToDataLayer(event)
}

export function trackSocialMediaClick(socialMediaName: string) {
  const event = {
    event: "social media",
    social: {
      socialIconClicked: socialMediaName,
    },
  }
  pushToDataLayer(event)
}

export function trackFooterClick(group: string, name: string) {
  const event = {
    event: "footer link",
    footer: {
      footerLinkClicked: `${group}:${name}`,
    },
  }
  pushToDataLayer(event)
}

export function trackUpdatePaymentMethod(hotelId: string, method: string) {
  const paymentSelectionEvent = {
    event: "paymentSelection",
    hotelInfo: {
      hotelId: hotelId,
    },
    cta: {
      name: method,
    },
  }
  pushToDataLayer(paymentSelectionEvent)
}

export function trackPaymentEvent(paymentEvent: PaymentEvent) {
  const paymentAttempt = {
    event: paymentEvent.event,
    hotelInfo: {
      hotelId: paymentEvent.hotelId,
    },
    paymentInfo: {
      isSavedCreditCard: paymentEvent.isSavedCreditCard,
      status: "attempt",
      type: paymentEvent.method,
      smsEnable: paymentEvent.smsEnable,
      errorMessage: isPaymentFailEvent(paymentEvent)
        ? paymentEvent.errorMessage
        : undefined,
    },
  }
  pushToDataLayer(paymentAttempt)
}

export function pushToDataLayer(data: any) {
  if (typeof window !== "undefined" && window.adobeDataLayer) {
    window.adobeDataLayer.push(data)
  }
}

export function createSDKPageObject(
  trackingData: TrackingSDKData
): TrackingSDKData {
  let pageName = convertSlashToPipe(trackingData.pageName)
  let siteSections = convertSlashToPipe(trackingData.siteSections)

  if (trackingData.pathName.indexOf("/webview/") > -1) {
    pageName = "webview|" + pageName
    siteSections = "webview|" + siteSections
  }

  return {
    ...trackingData,
    domain: typeof window !== "undefined" ? window.location.host : "",
    pageName: pageName,
    siteSections: siteSections,
  }
}

function convertSlashToPipe(url: string) {
  const formattedUrl = url.startsWith("/") ? url.slice(1) : url
  return formattedUrl.replaceAll("/", "|")
}

function isPaymentFailEvent(event: PaymentEvent): event is PaymentFailEvent {
  return "errorMessage" in event
}