import { JSONContent } from '../editor/Editor.vue.d';
import { ClassComponent } from '../ts-helpers';

export interface AttachmentFile {
  type: 'image' | 'xls' | 'doc' | 'pdf' | 'csv' | 'video' | 'data';
  filePath?: string;
}

export interface AttachmentLink {
  type: 'link';
  url?: string;
}

export interface LinkTaskURL {
  type: 'taskUrl';
  url: string;
}

export interface LinkTaskIframeEmbed {
  type: 'embed';
  code: string;
}

export interface DetailText {
  type: 'text';
  value: string;
}

export interface DetailUserText {
  type: 'userText';
  user: {
    _id: string;
    nickName: string;
  };
  text: string;
}

export interface DetailBullet {
  type: 'bullet';
  value: (string | DetailUserText)[];
}

export interface DetailJSONContent {
  type: 'json';
  value: JSONContent;
}

export type Attachment =
  | AttachmentLink
  | AttachmentFile
  | LinkTaskIframeEmbed
  | LinkTaskURL;

export type LinkTaskEditAction = Record<
  'Sebelum' | 'Sesudah',
  LinkTaskURL | LinkTaskIframeEmbed
>;

export type DetailType =
  | Attachment
  | LinkTaskEditAction
  | DetailText
  | DetailUserText
  | DetailBullet
  | DetailJSONContent;

export type KeyValue = Record<string, string | DetailType>;

export type TimelineItem = {
  _id: string;
  action: string;
  createdAt: string;
  user?: {
    _id: string;
    nickName: string;
  };
  detail?: KeyValue | DetailType;
};

export type TimelineProps = {
  value: TimelineItem[];
  /**
   * Whether the detail values should be aligned with each other or not.
   * @defaultValue false
   */
  alignDetail?: boolean;
  /**
   * Whether the timeline should be scrollable or not.
   * @defaultValue false
   */
  noScroll?: boolean;
  /**
   * Whether the createdAt field should be displayed in raw format or not.
   * @defaultValue false
   */
  noFormatDate?: boolean;
};

/**
 * **WangsVue - Timeline**
 *
 * _Timeline visualizes a series of chained events._
 *
 * [Live Demo](https://fewangsit.github.io/wangsvue/timeline/)
 * --- ---
 *
 * @group Component
 */
declare class Timeline extends ClassComponent<
  TimelineProps,
  unknown,
  unknown
> {}

export default Timeline;