import callDirections from '@ringcentral-integration/commons/enums/callDirections';
import { trackEvents } from '@ringcentral-integration/commons/enums/trackEvents';
import { Module } from '@ringcentral-integration/commons/lib/di';
import { proxify } from '@ringcentral-integration/commons/lib/proxy/proxify';
import type { UIFunctions, UIProps } from '@ringcentral-integration/core';
import { RcUIModuleV2, track } from '@ringcentral-integration/core';

import type {
  Deps,
  RecentActivityContainerProps,
  RecentActivityPanelProps,
} from './RecentActivityUI.interface';
import type { GetTabsOptions } from './getTabs';
import { getTabs, trackTabsMap } from './getTabs';
import i18n from './i18n';

@Module({
  name: 'RecentActivityUI',
  deps: [
    'Locale',
    'DateTimeFormat',
    'RecentMessages',
    'RecentCalls',
    'ContactMatcher',
    { dep: 'RecentActivityUIOptions', optional: true },
  ],
})
export class RecentActivityUI<T extends Deps = Deps> extends RcUIModuleV2<T> {
  constructor(deps: T) {
    super({
      deps,
    });
  }

  getTabs(options: GetTabsOptions) {
    return getTabs(options);
  }

  @track((_: RecentActivityUI, entry: string) => [
    trackEvents.clickRecentActivity,
    { Entry: entry },
  ])
  @proxify
  async trackClickToggle(entry: string) {
    //
  }

  @track(
    (
      _: RecentActivityUI,
      tabName: keyof typeof trackTabsMap,
      entry: string,
    ) => [trackTabsMap[tabName], { Entry: entry }],
  )
  @proxify
  async trackClickTab(tabName: string, entry: string) {
    //
  }

  getUIProps({
    currentLocale = this._deps.locale.currentLocale,
    navigateTo,
    dateTimeFormatter = (...args) =>
      // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
      this._deps.dateTimeFormat.formatDateTime(...args),
    getSession,
    useContact = false,
    getContact,
    showRecentCalls = true,
    showRecentMessage = true,
    showFax = true,
    showVoiceMails = true,
  }: RecentActivityContainerProps): UIProps<RecentActivityPanelProps> {
    // @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
    let sessionId: string = null;
    let currentContact = getContact?.();
    let ready =
      this._deps.dateTimeFormat.ready &&
      this._deps.locale.ready &&
      this._deps.recentMessages.ready &&
      this._deps.recentCalls.ready;
    if (!useContact) {
      const session = getSession();
      sessionId = session.id;
      currentContact = session.contactMatch;
      const contactMapping = this._deps.contactMatcher.dataMapping;
      const phoneNumber =
        session.direction === callDirections.outbound
          ? session.to
          : session.from;
      if (!currentContact) {
        const entities = contactMapping?.[phoneNumber];
        if (entities?.length >= 1) {
          currentContact = entities[0];
        }
      }
      ready = ready && this._deps.contactMatcher.ready;
    }
    return {
      currentLocale,
      title: i18n.getString(
        'recentActivities',
        this._deps.locale.currentLocale,
      ),
      showSpinner: !ready,
      // @ts-expect-error TS(2322): Type 'Entity | undefined' is not assignable to typ... Remove this comment to see the full error message
      currentContact,
      calls: this._deps.recentCalls.calls ?? {},
      tabs: this.getTabs({
        ready,
        currentLocale,
        dateTimeFormatter,
        navigateTo,
        // @ts-expect-error TS(2322): Type 'Entity | undefined' is not assignable to typ... Remove this comment to see the full error message
        currentContact,
        recentMessages: this._deps.recentMessages,
        recentCalls: this._deps.recentCalls,
        sessionId,
        showFax,
        showRecentCalls,
        showVoiceMails,
        showRecentMessage,
      }),
      defaultTab: 'recentCalls',
    };
  }

  getUIFunctions({
    entry,
  }: RecentActivityContainerProps): UIFunctions<RecentActivityPanelProps> {
    return {
      trackClickToggle: (expanded) => {
        if (expanded) {
          this.trackClickToggle(entry);
        }
      },
      trackClickTab: (tabName) => this.trackClickTab(tabName, entry),
    };
  }
}