IterableInboxDataModel.ts

import { NativeModules } from 'react-native';

import { Iterable } from '../../core';
import {
  IterableHtmlInAppContent,
  IterableInAppDeleteSource,
  IterableInAppLocation,
  IterableInAppMessage,
  type IterableHtmlInAppContentRaw,
} from '../../inApp';
import type {
  IterableInboxImpressionRowInfo,
  IterableInboxRowViewModel,
} from '../types';

const RNIterableAPI = NativeModules.RNIterableAPI;

// TODO: Comment
export class IterableInboxDataModel {
  filterFn?: (message: IterableInAppMessage) => boolean;
  comparatorFn?: (
    message1: IterableInAppMessage,
    message2: IterableInAppMessage
  ) => number;
  dateMapperFn?: (message: IterableInAppMessage) => string | undefined;

  set(
    filter?: (message: IterableInAppMessage) => boolean,
    comparator?: (
      message1: IterableInAppMessage,
      message2: IterableInAppMessage
    ) => number,
    dateMapper?: (message: IterableInAppMessage) => string | undefined
  ) {
    this.filterFn = filter;
    this.comparatorFn = comparator;
    this.dateMapperFn = dateMapper;
  }

  getFormattedDate(message: IterableInAppMessage) {
    if (message.createdAt === undefined) {
      return '';
    }

    if (this.dateMapperFn) {
      return this.dateMapperFn(message);
    } else {
      return this.defaultDateMapper(message);
    }
  }

  getHtmlContentForMessageId(id: string): Promise<IterableHtmlInAppContent> {
    Iterable.logger.log(
      'IterableInboxDataModel.getHtmlContentForItem messageId: ' + id
    );

    return RNIterableAPI.getHtmlInAppContentForMessage(id).then(
      (content: IterableHtmlInAppContentRaw) => {
        return IterableHtmlInAppContent.fromDict(content);
      }
    );
  }

  setMessageAsRead(id: string) {
    Iterable.logger.log('IterableInboxDataModel.setMessageAsRead');

    RNIterableAPI.setReadForMessage(id, true);
  }

  deleteItemById(id: string, deleteSource: IterableInAppDeleteSource) {
    Iterable.logger.log('IterableInboxDataModel.deleteItemById');

    RNIterableAPI.removeMessage(id, IterableInAppLocation.inbox, deleteSource);
  }

  async refresh(): Promise<IterableInboxRowViewModel[]> {
    return RNIterableAPI.getInboxMessages().then(
      (messages: IterableInAppMessage[]) => {
        return this.processMessages(messages);
      },
      () => {
        return [];
      }
    );
  }

  // inbox session tracking functions

  startSession(visibleRows: IterableInboxImpressionRowInfo[] = []) {
    RNIterableAPI.startSession(visibleRows);
  }

  async endSession(visibleRows: IterableInboxImpressionRowInfo[] = []) {
    await this.updateVisibleRows(visibleRows);
    RNIterableAPI.endSession();
  }

  updateVisibleRows(visibleRows: IterableInboxImpressionRowInfo[] = []) {
    RNIterableAPI.updateVisibleRows(visibleRows);
  }

  // private/internal

  private static sortByMostRecent = (
    message1: IterableInAppMessage,
    message2: IterableInAppMessage
  ) => {
    const createdAt1 = message1.createdAt ?? new Date(0);
    const createdAt2 = message2.createdAt ?? new Date(0);

    if (createdAt1 < createdAt2) return 1;
    if (createdAt1 > createdAt2) return -1;

    return 0;
  };

  private defaultDateMapper(message: IterableInAppMessage): string {
    if (message.createdAt === undefined) {
      return '';
    }

    let createdAt;

    if (typeof message.createdAt === 'string') {
      createdAt = new Date(parseInt(message.createdAt, 10));
    } else {
      createdAt = new Date(message.createdAt);
    }

    const defaultDateString = `${createdAt.toLocaleDateString()} at ${createdAt.toLocaleTimeString()}`;

    return defaultDateString;
  }

  private processMessages(
    messages: IterableInAppMessage[]
  ): IterableInboxRowViewModel[] {
    return this.sortAndFilter(messages).map(
      IterableInboxDataModel.getInboxRowViewModelForMessage
    );
  }

  private sortAndFilter(
    messages: IterableInAppMessage[]
  ): IterableInAppMessage[] {
    let sortedFilteredMessages = messages.slice();

    // TODO: Figure out if this is purposeful
    // eslint-disable-next-line eqeqeq
    if (this.filterFn != undefined) {
      sortedFilteredMessages = sortedFilteredMessages.filter(this.filterFn);
    }

    // TODO: Figure out if this is purposeful
    // eslint-disable-next-line eqeqeq
    if (this.comparatorFn != undefined) {
      sortedFilteredMessages.sort(this.comparatorFn);
    } else {
      sortedFilteredMessages.sort(IterableInboxDataModel.sortByMostRecent);
    }

    return sortedFilteredMessages;
  }

  private static getInboxRowViewModelForMessage(
    message: IterableInAppMessage
  ): IterableInboxRowViewModel {
    return {
      title: message.inboxMetadata?.title ?? '',
      subtitle: message.inboxMetadata?.subtitle,
      imageUrl: message.inboxMetadata?.icon,
      createdAt: message.createdAt,
      read: message.read,
      inAppMessage: message,
    };
  }
}

export default IterableInboxDataModel;