import { AttachmentForScreenReaderMiddleware } from 'botframework-webchat-api';
import React from 'react';

import AudioAttachment from './AudioAttachment';
import FileAttachment from './FileAttachment';
import ImageAttachment from './ImageAttachment';
import TextAttachment from './TextAttachment';
import VideoAttachment from './VideoAttachment';

export default function createCoreMiddleware(): AttachmentForScreenReaderMiddleware[] {
  return [
    () =>
      next =>
      (...args) => {
        const [
          {
            activity: { from: { role = undefined } = {} } = {},
            attachment,
            attachment: { contentType = undefined, contentUrl = undefined, thumbnailUrl = undefined } = {}
          }
        ] = args;

        const isText = /^text\//u.test(contentType);

        return (isText ? !attachment.content : role === 'user' && !thumbnailUrl)
          ? () => <FileAttachment attachment={attachment} />
          : /^audio\//u.test(contentType)
            ? () => <AudioAttachment />
            : /^image\//u.test(contentType)
              ? () => <ImageAttachment />
              : /^video\//u.test(contentType)
                ? () => <VideoAttachment />
                : contentUrl || contentType === 'application/octet-stream'
                  ? () => <FileAttachment attachment={attachment} />
                  : isText
                    ? () => <TextAttachment attachment={attachment} />
                    : next(...args);
      }
  ];
}