/**
 * Copyright (c) Cisco Systems, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

import { Timeline } from "@/index";
import { parsePhoneNumber } from "libphonenumber-js";
import { DateTime } from "luxon";
import { querySelectorAllDeep } from "query-selector-shadow-dom";

export function getTimelineEventFromMessage(message: any) {
  const event: any = {};

  event.title = message.type;
  event.timestamp = DateTime.fromISO(message.time);
  event.id = message.id;
  if (message.person && message.person.indexOf("anon") === -1) {
    event.person = message.person;
  }

  if (message.data) {
    event.data = message.data;
  }

  return event;
}

export function formattedOrigin(origin: string, channelType: string) {
  const hasPlusSign = (origin as string)?.charAt(0) === "+";
  if (channelType === "telephony" || hasPlusSign) {
    try {
      const parsedNumber = parsePhoneNumber(origin);

      if (parsedNumber?.country === "US") {
        const national = parsedNumber?.formatNational() && `+1 ${parsedNumber?.formatNational()}`;
        return national || parsedNumber?.formatInternational() || origin;
      } else {
        return parsedNumber?.formatInternational() || origin;
      }
    } catch (error) {
      console.warn(
        "[JDS WIDGET] your event payload shows `channelType` as `telephony`. With that, the `origin` property should be a valid phone number."
      );
      return origin;
    }
  } else {
    return origin;
  }
}

export interface IconMap {
  [key: string]: {
    name?: string;
    icon?: string;
    src?: string;
    showcase?: string;
  };
}

const TEMP_ICON_MAP: any = {};

const staticColors = [
  "purple",
  "mint",
  "gold",
  "lime",
  "darkmint",
  "green",
  "yellow",
  "red",
  "violet",
  "cyan",
  "cobalt",
  "pink",
];

const staticIcons = [
  "icon-apps_16",
  "icon-activities_16",
  "icon-breakout-session_16",
  "icon-explore_16",
  "icon-filter-circle_16",
];

// function getRandomColor() {
//   return staticColors[Math.floor(Math.random() * staticColors.length)];
// }
// function getRandomIcon() {
//   return staticIcons[Math.floor(Math.random() * staticIcons.length)];
// }

// uses known event types and also generates random pairs for unknown events
// only used by the old TimelineItem component
export function getIconData(eventName: string, iconMap: Timeline.TimelineCustomizations) {
  let result: any;
  const parsedIconMap = JSON.parse(JSON.stringify(iconMap))?.default || JSON.parse(JSON.stringify(iconMap));

  Object.keys(parsedIconMap)?.forEach((x: string) => {
    const regex = new RegExp(x, "i");

    if (eventName && regex.test(eventName)) {
      result = parsedIconMap[x];
    }
  });

  if (!result && !TEMP_ICON_MAP[eventName]) {
    if (eventName?.includes("events from")) {
      result = {
        name: "icon-multiple-devices_16",
        color: "orange",
      };
    } else {
      result = {
        name: "icon-activities_16",
        color: "orange",
      };
    }

    TEMP_ICON_MAP[eventName] = result;
  } else if (!result && TEMP_ICON_MAP[eventName]) {
    result = TEMP_ICON_MAP[eventName];
  }

  return result;
}

export function lookupIcon(eventKeyword: string, iconMap: Timeline.TimelineCustomizations) {
  let result: any;
  const parsedIconMap = JSON.parse(JSON.stringify(iconMap))?.default || JSON.parse(JSON.stringify(iconMap));

  Object.keys(parsedIconMap)?.forEach((x: string) => {
    const regex = new RegExp(x, "i");

    if (eventKeyword && regex.test(eventKeyword)) {
      result = parsedIconMap[x];
    }
  });

  const defaultIcon = {
    name: "icon-meetings_16",
  };

  return result || defaultIcon;
}

export function getTimeStamp(date: DateTime, isDateCluster = false) {
  const now = DateTime.local();
  const diff: any = now.diff(date, ["days", "hours", "minutes", "seconds"]).toObject();

  if (diff === undefined) {
    return;
  } else {
    if (isDateCluster) {
      return date.toFormat("D");
    }
    if (diff.days >= 30) {
      return date.toFormat("f");
    } else if (diff.days >= 1 && diff.days < 30) {
      return date.toFormat("f");
    } else if (diff.days <= 1) {
      return date.toFormat("f");
    } else {
      return "now";
    }
  }
}

export function getRelativeDate(timestamp: string) {
  // TODO Error Handling for variation of format that returns "NULL"
  const dt = DateTime.local();
  const nowIsoString = dt.toISO();

  // const relativeValue = DateTime.fromISO(timestamp || nowIsoString).toRelativeCalendar(); // Previous Implementation
  const relativeValue = DateTime.fromISO(timestamp || nowIsoString);
  return relativeValue;
}

export const destroyTooltip = () => {
  const tooltips = querySelectorAllDeep(".md-tooltip__popper");
  for (let index = 0; index < tooltips.length; index++) {
    tooltips[index].remove();
  }
};